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!