| | |
| | | ul.terms li { |
| | | list-style: none; |
| | | } |
| | | ul.terms ul { |
| | | display: inline-flex; |
| | | margin: 0; |
| | | gap: .5rem; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .term-list.cloud { |
| | | display: flex; |
| | |
| | | } |
| | | @media (min-width: 768px){ |
| | | .width-50 { |
| | | max-width: 50%; |
| | | max-width: calc(49% - var(--gap,0)); |
| | | } |
| | | .width-25 { |
| | | max-width: 25%; |
| | | max-width: calc(24% - var(--gap,0)); |
| | | } |
| | | .width-75 { |
| | | max-width: 75%; |
| | | max-width: calc(74% - var(--gap,0)); |
| | | } |
| | | .width-33 { |
| | | max-width: 33.333%; |
| | | max-width: calc(32.333% - var(--gap,0)); |
| | | } |
| | | .width-66 { |
| | | max-width: 66.666% |
| | | max-width: calc(65.666% - var(--gap,0)); |
| | | } |
| | | } |
| | | /** SPACING TODO: maybe scan our files for which we actually use? **/ |
| | |
| | | .pb-7 { padding-bottom: var(--sp7); } |
| | | |
| | | /** MARGIN **/ |
| | | .m-0 {margin: 0;} |
| | | .m-0.m-0 {margin: 0;} |
| | | .m-1 {margin: var(--sp1);} |
| | | .m-2 {margin: var(--sp2);} |
| | | .m-3 {margin: var(--sp3);} |
| | |
| | | cursor: pointer; |
| | | user-select: none; |
| | | } |
| | | |
| | | dialog.gallery details[open] { |
| | | background: rgba(var(--base), var(--op-6)); |
| | | } |
| | | dialog.gallery details[open] .item-info { |
| | | padding: 0.75rem 1rem 1rem; |
| | | font-size: var(--txt-x-small); |