You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
3.4 KiB
47 lines
3.4 KiB
/* Utility classes (plain CSS) - spacing, text, layout, alerts, etc. */ |
|
|
|
/* Spacing scale: 0=0, 1=.25rem, 2=.5rem, 3=1rem, 4=1.5rem, 5=3rem */ |
|
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important} |
|
.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important} |
|
.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important} |
|
.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important} |
|
.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important} |
|
.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important} |
|
.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important} |
|
|
|
/* Display & layout */ |
|
.d-flex{display:flex!important} |
|
.d-inline{display:inline!important} |
|
.d-block{display:block!important} |
|
.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important} |
|
|
|
/* Lists */ |
|
.list-unstyled{list-style:none;padding-left:0;margin:0} |
|
|
|
/* Typography & colors */ |
|
.text-muted{color:#6c757d!important} |
|
.text-secondary{color:#6c757d!important} |
|
.text-center{text-align:center!important} |
|
.small{font-size:.875em} |
|
.hidden{display:none!important} |
|
|
|
/* Badge */ |
|
.badge{display:inline-block;padding:.25em .5em;font-size:.75em;font-weight:600;color:#fff;background:#6c757d;border-radius:.25rem;vertical-align:baseline} |
|
|
|
/* Alerts */ |
|
.alert{position:relative;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem} |
|
.alert-info{color:#055160;background-color:#e9f5ff;border-color:#b6e0fe} |
|
.alert-success{color:#0f5132;background-color:#edf7ed;border-color:#c6e6c6} |
|
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7} |
|
|
|
/* Buttons - sizes only (base buttons defined elsewhere) */ |
|
.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.25;border-radius:.2rem} |
|
|
|
/* Spinner (bootstrap-like) */ |
|
.spinner-border{display:inline-block;width:1.5rem;height:1.5rem;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite} |
|
.spinner-border-sm{width:1rem;height:1rem;border-width:.15em} |
|
@keyframes spinner-border{to{transform:rotate(360deg)}} |
|
|
|
/* Details/Summary tweaks */ |
|
details>summary{cursor:pointer} |
|
|
|
|