Rev | Line | |
---|
[14926] | 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.