| | |
| | | |
| | | & > .section { |
| | | display: grid; |
| | | grid-template-columns: 6em 3fr 1fr; |
| | | grid-template-columns: fit-content(8em) 3fr 1fr; |
| | | |
| | | @media all and (max-width: $mobileBreakpoint) { |
| | | @media all and ($mobile) { |
| | | & > .tags { |
| | | display: none; |
| | | } |
| | |
| | | background-color: transparent; |
| | | } |
| | | |
| | | & > .meta { |
| | | margin: 0; |
| | | flex-basis: 6em; |
| | | & .meta { |
| | | margin: 0 1em 0 0; |
| | | opacity: 0.6; |
| | | } |
| | | } |
| | |
| | | |
| | | // modifications in popover context |
| | | .popover .section { |
| | | grid-template-columns: 6em 1fr !important; |
| | | grid-template-columns: fit-content(8em) 1fr !important; |
| | | |
| | | & > .tags { |
| | | display: none; |
| | | } |