Tweaks
This commit is contained in:
parent
9ae96ba419
commit
db96a298fb
9 changed files with 1111 additions and 149 deletions
|
|
@ -14,10 +14,49 @@ nav {
|
|||
ul {
|
||||
@extend .overflow;
|
||||
|
||||
ul {
|
||||
margin: $basic_space 0;
|
||||
}
|
||||
|
||||
li {
|
||||
@extend .float_left;
|
||||
margin-right: $basic_space;
|
||||
margin-bottom: 0;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__right {
|
||||
float: right;
|
||||
margin-left: $basic_space;
|
||||
|
||||
.align_parent {
|
||||
margin-right: $basic_space * -1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__separate_right {
|
||||
float: right;
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&:first-child {
|
||||
padding-left: $basic_space * 2 + $tiny_space;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: $tiny_space;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: $bright_color;
|
||||
margin: 0 $basic_space;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -35,6 +74,27 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.nav__column {
|
||||
position: relative;
|
||||
margin: $basic_space 0;
|
||||
|
||||
ul {
|
||||
@extend .flex;
|
||||
margin: 0 $space_5;
|
||||
|
||||
li {
|
||||
@extend .flex_child;
|
||||
flex-grow: 1;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__page_meta {
|
||||
position: fixed;
|
||||
// display: table;
|
||||
|
|
@ -69,14 +129,6 @@ nav {
|
|||
nav {
|
||||
@extend .nav__horizontal;
|
||||
|
||||
ul {
|
||||
margin: $basic_space 0;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
&:active,
|
||||
|
|
@ -87,35 +139,4 @@ nav {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__right {
|
||||
float: right;
|
||||
margin-left: $basic_space;
|
||||
|
||||
.align_parent {
|
||||
margin-right: $basic_space * -1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__separate_right {
|
||||
float: right;
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&:first-child {
|
||||
padding-left: $basic_space * 2 + $tiny_space;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: $tiny_space;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: $bright_color;
|
||||
margin: 0 $basic_space;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue