Sha256: 39c8c0df6fa99b100ef532f6dafc2423e641d6032c9b042bfd8c3e28c2119d63
Contents?: true
Size: 1.27 KB
Versions: 1
Compression:
Stored size: 1.27 KB
Contents
@mixin RotateTitle( $origin : bottom left, $deg : -90deg ) { transform-origin: $origin; transform: rotate( $deg ); position: absolute; } .title { &._overlay { &-load { @include font($bold:true); animation: load_title 1s steps(1) infinite; text-transform: uppercase; font-size: 4.6rem; } &-about { border-bottom: 2px solid $gun; } &-browse { border-bottom: 2px solid $gun; } &-search { border-bottom: 2px solid $gun; } } &._mobile { text-align: center; font-size: 4.8rem; line-height: 1; } &._chapter { &-title { &:not(.--docs) { @include RotateTitle(); bottom: 56px; left: 128px; } &.--docs { color: $smoke; } } } &._page { &-title { &:not(.--docs) { @include RotateTitle(); bottom: 56px; left: 128px; } &.--docs { align-self: center; } } &-chapter { @include RotateTitle( $origin : top right ); text-transform: capitalize; right: 78px; top: 56px; } &-weight { @include RotateTitle(); transform-origin: bottom left; left: calc(100% - 58px); text-align: right; bottom: 56px; } } }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
futuro-0.3.2 | _sass/_title.scss |