diff options
| author | s-ol <s+removethis@s-ol.nu> | 2021-01-04 11:24:21 +0000 |
|---|---|---|
| committer | s-ol <s+removethis@s-ol.nu> | 2021-01-04 11:41:13 +0000 |
| commit | ee087dcfc842bbc8e1b9cdcae80bf7e6e7426669 (patch) | |
| tree | 7d4564fb6fe30895952d0e6489430ad61093034e /scss/_header.scss | |
| parent | turn static plugin into builtin again (diff) | |
| download | mmm-ee087dcfc842bbc8e1b9cdcae80bf7e6e7426669.tar.gz mmm-ee087dcfc842bbc8e1b9cdcae80bf7e6e7426669.zip | |
move style into root
Diffstat (limited to 'scss/_header.scss')
| -rw-r--r-- | scss/_header.scss | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/scss/_header.scss b/scss/_header.scss deleted file mode 100644 index a51457f..0000000 --- a/scss/_header.scss +++ /dev/null @@ -1,81 +0,0 @@ -header { - > div { - font-family: 'Source Sans Pro', sans-serif; - padding: 1rem 2rem; - text-align: right; - - color: $gray-bright; - background: $gray-dark; - - h1 { - display: flex; - justify-content: flex-end; - align-items: center; - flex-wrap: wrap; - margin: 0; - line-height: 5rem; - - font-size: 4rem; - font-weight: 200; - - > span { - margin-left: auto; - } - - .bold { - font-weight: 400; - } - - > a { - height: 5rem; - } - - @include media-small() { - font-size: 2rem; - line-height: 5rem - } - - .sun { - height: 100%; - stroke: currentColor; - fill: currentColor; - - .out, .in { - animation: spin 2s; - animation-iteration-count: 1; - transform: scale(1); - } - - .in { - animation: size 2s; - } - - &.spin .circle { - animation: none; - } - } - } - } - - aside { - margin: 0; - padding: 0 2rem; - color: $gray-bright; - background: $gray-darker; - line-height: 3em; - - > a { - margin-right: 2em; - } - } -} - -@keyframes spin { - 0% { transform: rotate3d(0.5, 1, 0, 0turn); } - 100% { transform: rotate3d(0.5, 1, 0, 1turn); } -} - -@keyframes size { - 0%, 100% { transform: scale(1); } - 40%, 60% { transform: scale(1.8); } -} |
