Changeset View
Changeset View
Standalone View
Standalone View
styles/_special.sass
| Show First 20 Lines • Show All 41 Lines • ▼ Show 20 Lines | .whoosh-container | ||||
| margin-right: var(--whoosh-button-margin) | margin-right: var(--whoosh-button-margin) | ||||
| position: fixed | position: fixed | ||||
| right: var(--whoosh-button-margin) | right: var(--whoosh-button-margin) | ||||
| top: calc(var(--navbar-primary-height) + calc(var(--whoosh-button-size) / 4)) | top: calc(var(--navbar-primary-height) + calc(var(--whoosh-button-size) / 4)) | ||||
| transition: top 600ms ease-in-out | transition: top 600ms ease-in-out | ||||
| z-index: calc(var(--navbar-zindex) + 1) // Always on top of navbars. | z-index: calc(var(--navbar-zindex) + 1) // Always on top of navbars. | ||||
| +media-lg | +media-lg | ||||
| top: calc(var(--navbar-primary-height) + calc(var(--whoosh-button-size) / 12) | top: calc(var(--navbar-primary-height) + calc(var(--whoosh-button-size) / 12)) | ||||
| +media-xl | +media-xl | ||||
| top: calc(var(--whoosh-button-size) / 9) | top: calc(var(--whoosh-button-size) / 9) | ||||
| .whoosh | .whoosh | ||||
| align-items: center | align-items: center | ||||
| background-color: var(--background-color-primary) | background-color: var(--background-color-primary) | ||||
| border: var(--border-width) solid var(--border-color) | border: var(--border-width) solid var(--border-color) | ||||
| ▲ Show 20 Lines • Show All 45 Lines • Show Last 20 Lines | |||||