| | |
|---|
| | | @use "../../styles/variables.scss" as *; |
|---|
| | | |
|---|
| | | ul.section-ul { |
|---|
| | | list-style: none; |
|---|
| | | margin-top: 2em; |
|---|
| | |
|---|
| | | margin-bottom: 1em; |
|---|
| | | |
|---|
| | | & > .section { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: fit-content(8em) 3fr 1fr; |
|---|
| | | |
|---|
| | | @media all and (max-width: 600px) { |
|---|
| | | & .tags { |
|---|
| | | @media all and ($mobile) { |
|---|
| | | & > .tags { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | & h3 > a { |
|---|
| | | font-weight: 700; |
|---|
| | | margin: 0; |
|---|
| | | & > .desc > h3 > a { |
|---|
| | | background-color: transparent; |
|---|
| | | } |
|---|
| | | |
|---|
| | | & p { |
|---|
| | | margin: 0; |
|---|
| | | padding-right: 1em; |
|---|
| | | flex-basis: 6em; |
|---|
| | | & .meta { |
|---|
| | | margin: 0 1em 0 0; |
|---|
| | | opacity: 0.6; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | & .meta { |
|---|
| | | opacity: 0.6; |
|---|
| | | // modifications in popover context |
|---|
| | | .popover .section { |
|---|
| | | grid-template-columns: fit-content(8em) 1fr !important; |
|---|
| | | |
|---|
| | | & > .tags { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | } |
|---|
