Widget: Compass: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| 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 16:12, 23 November 2022
Development version of the Compass.
Not ready for production!