aboutsummaryrefslogtreecommitdiff
path: root/sass/include/_nav.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/include/_nav.scss')
-rw-r--r--sass/include/_nav.scss113
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
- }
- }
- }
-}