diff options
| author | Jieiku | 2023-08-17 12:16:18 -0700 |
|---|---|---|
| committer | Jieiku | 2023-08-17 12:16:18 -0700 |
| commit | 3e5d8a96e9eae21a799f327cd8a52adb891ebe66 (patch) | |
| tree | 6a1377b5207e4e3555f65ca162014468c64d6985 /sass/include/_nav.scss | |
| parent | 1d9be812c25508a5dc36afb9e80669b668a47190 (diff) | |
| parent | 0983915e23793c28dd0bee149fd2ec05a7e96a94 (diff) | |
| download | abridge-3e5d8a96e9eae21a799f327cd8a52adb891ebe66.tar.gz abridge-3e5d8a96e9eae21a799f327cd8a52adb891ebe66.tar.bz2 abridge-3e5d8a96e9eae21a799f327cd8a52adb891ebe66.zip | |
resolve merge conflicts
Diffstat (limited to 'sass/include/_nav.scss')
| -rw-r--r-- | sass/include/_nav.scss | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss deleted file mode 100644 index 08f1ec1..0000000 --- a/sass/include/_nav.scss +++ /dev/null @@ -1,113 +0,0 @@ -/** - * Horizontal Nav - * https://github.com/raj457036/attriCSS - */ - -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; - } -} -// breakpoint makes header responsive for mobile layouts -@if map-get($breakpoints, "md") { - @media (max-width: map-get($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 - } - } - } -} |
