Sha256: 8841df1700bc033491f50c91ba5e00857860e5565d646de03aa3e6ba26d6498e
Contents?: true
Size: 1.22 KB
Versions: 1
Compression:
Stored size: 1.22 KB
Contents
@mixin RotateTitle( $origin : bottom left, $deg : -90deg ) { transform-origin: $origin; transform: rotate( $deg ); position: absolute; } .title { &._overlay { &-load { animation: load_title 1s steps(1) infinite; max-width: 32rem; } &-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: 5.6rem; left: 12.8rem; } &.--docs { color: $smoke; } } } &._page { &-title { &:not(.--docs) { @include RotateTitle(); bottom: 5.6rem; left: 12.8rem; } &.--docs { align-self: center; } } &-chapter { @include RotateTitle( $origin : top right ); text-transform: capitalize; right: 7.8rem; top: 5.6rem; } &-weight { @include RotateTitle(); transform-origin: bottom left; left: calc(100% - 5.8rem); text-align: right; bottom: 5.6rem; } } }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
futuro-0.2.9 | _sass/_title.scss |