Difference between revisions of "Widget:Compass"
From LINKS Community Center
| Line 11: | Line 11: | ||
} | } | ||
| − | .plus.icon:before { | + | .plus.icon::before { |
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| Line 19: | Line 19: | ||
} | } | ||
| − | .plus.icon:after { | + | .plus.icon::after { |
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| Line 29: | Line 29: | ||
} | } | ||
| − | h2.opened .plus.icon:after, | + | h2.opened .plus.icon::after, |
| − | h3.opened .plus.icon:after { | + | h3.opened .plus.icon::after { |
transform: rotate(0); | transform: rotate(0); | ||
} | } | ||
| Line 55: | Line 55: | ||
margin-top: 2em; | margin-top: 2em; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
| − | |||
color: var(--links-cyan); | color: var(--links-cyan); | ||
cursor: pointer; | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | #cmp-container h2::before { | ||
| + | content: ''; | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | width: 100%; | ||
| + | height: 1px; | ||
| + | background-color: currentColor; | ||
| + | letter-spacing: .06em; | ||
| + | transition: all 0.4s ease; | ||
| + | transform: scaleX(0); | ||
| + | } | ||
| + | |||
| + | #cmp-container h2.opened::before { | ||
| + | transform: scaleX(1); | ||
} | } | ||
Revision as of 17:12, 23 November 2022
Development version of the Compass.
Not ready for production!