mirror of https://github.com/n2geoff/stylelite.git
add navbar decorator
This commit is contained in:
parent
0aa4f9896a
commit
e2ab2fe3a0
|
@ -166,7 +166,7 @@ section, article {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article, aside {
|
||||||
border: 1px solid rgba(0,0,0,.125);
|
border: 1px solid rgba(0,0,0,.125);
|
||||||
background: var(--light);
|
background: var(--light);
|
||||||
color: var(--dark);
|
color: var(--dark);
|
||||||
|
@ -323,11 +323,18 @@ textarea {
|
||||||
nav {
|
nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding-bottom: .25rem;
|
height: 2rem;
|
||||||
border-bottom: 1px solid var(--theme);
|
border-bottom: 1px solid var(--theme);
|
||||||
}
|
}
|
||||||
|
nav.navbar {
|
||||||
|
background: var(--theme);
|
||||||
|
color: var(--light);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.navbar li:hover {background: var(--white);color: var(--theme)}
|
||||||
|
.navbar li a {color: inherit}
|
||||||
|
|
||||||
nav ul {display: flex;list-style-type: none;margin:0;padding:0}
|
nav ul {display: flex;list-style-type: none;margin:0;padding:0; line-height: 2rem}
|
||||||
nav ul li {padding:0rem .5rem;margin:0}
|
nav ul li {padding:0rem .5rem;margin:0}
|
||||||
nav ul li:first-child {margin-left:0;margin-left:0}
|
nav ul li:first-child {margin-left:0;margin-left:0}
|
||||||
nav a {text-decoration: none;}
|
nav a {text-decoration: none;}
|
||||||
|
|
Loading…
Reference in New Issue