| Line | |
|---|
| 1 | /// |
|---|
| 2 | /// Dimension by HTML5 UP |
|---|
| 3 | /// html5up.net | @ajlkn |
|---|
| 4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
|---|
| 5 | /// |
|---|
| 6 | |
|---|
| 7 | /* Footer */ |
|---|
| 8 | |
|---|
| 9 | #footer { |
|---|
| 10 | @include vendor('transition', ( |
|---|
| 11 | 'transform #{_duration(article)} ease-in-out', |
|---|
| 12 | 'filter #{_duration(article)} ease-in-out', |
|---|
| 13 | 'opacity #{_duration(article)} ease-in-out', |
|---|
| 14 | )); |
|---|
| 15 | width: 100%; |
|---|
| 16 | max-width: 100%; |
|---|
| 17 | margin-top: 2rem; |
|---|
| 18 | text-align: center; |
|---|
| 19 | |
|---|
| 20 | .copyright { |
|---|
| 21 | letter-spacing: _font(letter-spacing); |
|---|
| 22 | font-size: 0.6rem; |
|---|
| 23 | opacity: 0.75; |
|---|
| 24 | margin-bottom: 0; |
|---|
| 25 | text-transform: uppercase; |
|---|
| 26 | } |
|---|
| 27 | |
|---|
| 28 | body.is-article-visible & { |
|---|
| 29 | @include vendor('transform', 'scale(0.95)'); |
|---|
| 30 | @include vendor('filter', 'blur(0.1rem)'); |
|---|
| 31 | opacity: 0; |
|---|
| 32 | } |
|---|
| 33 | |
|---|
| 34 | body.is-loading & { |
|---|
| 35 | opacity: 0; |
|---|
| 36 | } |
|---|
| 37 | } |
|---|
Note: See
TracBrowser for help on using the repository browser.
