diff options
| author |  Anshul Gupta <ansg191@yahoo.com>
| 2020-08-04 16:27:53 -0700 |
|---|---|---|
| committer | Anshul Gupta <ansg191@yahoo.com>
| 2020-08-04 16:27:53 -0700 |
| commit | 3ec2f4a87d8509aed4f42975d8a03b75e78c5218 (patch) | |
| tree | 96b172b7b49476567331ed4b0758383dfb7870a4 /assets/sass/layout/_header.scss | |
| parent | e37306449b036fc192ddee5db78d3a30197a8f21 (diff) | |
| download | Portfolio-master.tar.gz Portfolio-master.tar.zst Portfolio-master.zip | |
Diffstat (limited to '')
| -rw-r--r-- | assets/sass/layout/_header.scss | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss new file mode 100644 index 0000000..e50ac4a --- /dev/null +++ b/assets/sass/layout/_header.scss @@ -0,0 +1,90 @@ +/// +/// Big Picture by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Header */ + + #header { + position: fixed; + z-index: 10000; + left: 0; + top: 0; + width: 100%; + background: transparentize(_palette(bg), 0.05); + height: 3em; + line-height: 3em; + box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1); + + h1 { + position: absolute; + left: 1em; + top: 0; + height: 3em; + line-height: 3em; + cursor: default; + + a { + font-size: 1.25em; + } + } + + nav { + position: absolute; + right: 0.5em; + top: 0; + height: 3em; + line-height: 3em; + + ul { + margin: 0; + + li { + display: inline-block; + margin-left: 0.5em; + font-size: 0.9em; + + a { + display: block; + color: inherit; + text-decoration: none; + height: 3em; + line-height: 3em; + padding: 0 0.5em 0 0.5em; + outline: 0; + } + } + } + } + + @include breakpoint('<=small') { + height: 2.5em; + line-height: 2.5em; + + h1 { + text-align: center; + position: relative; + left: 0; + top: 0; + height: 2.5em; + line-height: 2.5em; + + a { + font-size: 1em; + } + } + + nav { + display: none; + } + } + } + + body { + padding-top: 3em; + + @include breakpoint('<=small') { + padding-top: 2.5em; + } + }
\ No newline at end of file |