restyling nav bar for mobile
This commit is contained in:
@@ -30,17 +30,8 @@
|
|||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #08288B;
|
|
||||||
padding:0 0.3em 0.3em 0;
|
padding:0 0.3em 0.3em 0;
|
||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
|
|
||||||
&.hidden {
|
|
||||||
color:#666;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.hidden:hover {
|
|
||||||
color: #08288B;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -28,7 +28,13 @@
|
|||||||
/* Nav */
|
/* Nav */
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
display:none;
|
padding:calc(2em / 2.5) calc(1em / 2.5);
|
||||||
|
line-height: 1em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
margin-right:calc(2em / 2.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Main */
|
/* Main */
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -170,6 +170,20 @@ header .title time {
|
|||||||
padding:1.5em 0 1.5em 0.75em;
|
padding:1.5em 0 1.5em 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Section - Nav */
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
color: #08288B;
|
||||||
|
|
||||||
|
&.hidden {
|
||||||
|
color:#666;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.hidden:hover {
|
||||||
|
color: #08288B;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Section - Main */
|
/* Section - Main */
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
|||||||
Reference in New Issue
Block a user