Sha256: 0bce1369ca822d6d55d0a5c6fcbf996ba2bb4e3f9dd73b8e28d774ab369645a0
Contents?: true
Size: 1 KB
Versions: 14
Compression:
Stored size: 1 KB
Contents
// Collapsible JS component styling, made for the navigation tree. // These classes are added in table-of-contents.js. // They should not be applied without the JS. .collapsible { position: relative; } .collapsible__body { display: none; .collapsible.is-open & { display: block } } .collapsible__heading, .toc__list > ul > li > a:link.collapsible__heading { margin-right: 30px; } .collapsible__toggle { position: absolute; top: 0; right: -25px; width: 50px; height: 40px; overflow: hidden; text-indent: -999em; border: 0; background: 0; color: inherit; padding: 0; &:focus { outline: 3px solid $focus-colour; } } .collapsible__toggle-icon { position: absolute; top: 0; right: 30px; &::after { content: ''; display: block; border: 2px solid $black; border-width: 2px 2px 0 0; transform: rotate(135deg); width: 10px; height: 10px; margin-top: 10px; } .collapsible.is-open &::after { transform: rotate(315deg); margin-top: 18px; } }
Version data entries
14 entries across 14 versions & 2 rubygems