| | |
| | | |
| | | .item-grid { |
| | | padding: 0 var(--chip); |
| | | max-width: none; |
| | | max-width: 100%; |
| | | } |
| | | /** FEED ITEM **/ |
| | | .feed.item { |
| | |
| | | |
| | | |
| | | .item-grid:has([data-timeline]) { |
| | | grid-template-columns: repeat(1, 1fr); |
| | | } |
| | | |
| | | @media (min-width:768px) { |
| | | .item-grid:has([data-timeline]) { |
| | | grid-template-columns: repeat(2, 1fr); |
| | | } |
| | | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); |
| | | } |
| | | |
| | | .items-wrap [type=radio], |
| | |
| | | transform-origin: top center; |
| | | will-change: transform; |
| | | } |
| | | |
| | | .feed-block + footer { |
| | | grid-column: full; |
| | | padding: 0!important; |
| | | margin: 0; |
| | | background-color: var(--base-50); |
| | | z-index: 0; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | button { |
| | | width: max-content; |
| | | margin-left: auto; |
| | | padding: .35rem .25rem; |
| | | --w: 1.3em!important; |
| | | flex-wrap: nowrap; |
| | | justify-content:flex-start; |
| | | transition: var(--trans-size); |
| | | font-size: var(--txt-x-small); |
| | | min-height: 0; |
| | | span { |
| | | display: none; |
| | | white-space: nowrap; |
| | | } |
| | | &:focus span, |
| | | &:hover span { |
| | | display: block; |
| | | } |
| | | } |
| | | } |