diff options
| author | Jieiku | 2023-05-22 23:12:14 -0700 |
|---|---|---|
| committer | Jieiku | 2023-05-22 23:12:14 -0700 |
| commit | f81a42045e29cc396af78b5d87ead874ba26fa18 (patch) | |
| tree | 6d73c8fcad4da03d2e8d5d7485079a38adc83a8e /sass/include/_nav.scss | |
| parent | 9543caf10ffdbcc2cea462a8bcb64cee29d406d5 (diff) | |
| download | abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.tar.gz abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.tar.bz2 abridge-f81a42045e29cc396af78b5d87ead874ba26fa18.zip | |
All Variables Easy Override
Diffstat (limited to 'sass/include/_nav.scss')
| -rw-r--r-- | sass/include/_nav.scss | 135 |
1 files changed, 0 insertions, 135 deletions
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss deleted file mode 100644 index 537f23d..0000000 --- a/sass/include/_nav.scss +++ /dev/null @@ -1,135 +0,0 @@ -/** - * Horizontal Nav - * https://github.com/raj457036/attriCSS - */ -@use "../variables" as variables; - -main nav a, -main nav a:visited {//pagination link styling - font-weight: var(--fh); - border: .1rem solid var(--c4); - border-radius: var(--br); - padding: .1rem var(--s1); -} -main nav a:hover {//makes border of pagination links hover color - border-color: var(--a3); - .svgh { - background: var(--a3); - opacity: 1; - } -} -header > nav > div:first-of-type {//Keep the logo from wrapping - display: inline; - min-width: fit-content; - padding-right: var(--s1);//add some spacing between nav divs -} -header > nav > div:nth-child(2) {//puts logo on left and menu/search on right - margin-left: auto; - padding-right: var(--s1);//add some spacing between nav divs -} -nav > div { - ul, h2 { - line-height: 1.9; - margin: 0; - padding: 0; - } - margin: var(--s1) 0; -} -nav { - align-items: center; - justify-content: center;//center pagination horizontally - display: flex; - div h2 { - font-size: 1rem; - &:hover { - color: var(--a3); - } - } - h1 { - margin-bottom: 0; - margin-top: 0.2rem; - } - li { - display: inline-block; - margin: 0 .3rem; - } -} -main nav { - ul { - display: flex; - padding-left: 0; - } - margin-top: var(--s2);//pagination margin - li { - margin: .2rem; - } - li.inp { - padding-top: .1rem; - } -} -.outp { - padding: 0 .26rem .2rem; -} -.off { - color: var(--c4); - font-weight: var(--fh); - border: .1rem solid var(--c3); - border-radius: var(--br); - .svgh { - background: var(--c3); - opacity: 1; - } -} -.on { - font-weight: var(--fh); - border: .1rem solid var(--c4); - border-radius: var(--br); -} -.mode:hover, .cnav { - color: var(--a1);//pagination color current page -} -footer nav { - ul { - margin: 0; - padding: 0; - } - li { - margin: 0 .2rem .4rem; - } -} -//dropdown menu used for lang, etc. -.dropdown { - display: inline-block; - position: relative; - vertical-align: -3px; - font-weight: var(--fh); - font-size: 1.3rem; -} -.dropdown-content { - display: none; - position: absolute; - z-index: 9; - font-weight: var(--fh); - font-size: 1.3rem; -} -.dropdown:hover .dropdown-content { - display: block; - a { - text-decoration: none; - } -} -// breakpoint makes header responsive for mobile layouts -@if map-get(variables.$breakpoints, "md") { - @media (max-width: map-get(variables.$breakpoints, "md")) { - header nav { - display: flex; - flex-direction: column; - h1 { - margin: var(--s2) 0 var(--s1); - } - div { - margin: auto; // keeps top menu/search centered in mobile view - } - } - } -} |
