mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-24 23:48:13 -05:00
unfuck settings nav
This commit is contained in:
parent
e1aaea0d0a
commit
b6533cd1c8
1 changed files with 29 additions and 15 deletions
|
@ -98,6 +98,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
@media (max-width: 800px) { border-bottom: #edece4 1px solid; }
|
@media (max-width: 800px) { border-bottom: #edece4 1px solid; }
|
||||||
}
|
}
|
||||||
|
@ -111,22 +114,34 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
display: block;
|
||||||
|
border-bottom: $lightbrown 1px solid;
|
||||||
padding: 15px 15px 15px 40px;
|
padding: 15px 15px 15px 40px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
color: $brown;
|
||||||
|
|
||||||
@media (max-width: 1000px) { padding-left: 15px; }
|
@media (max-width: 1000px) { padding-left: 15px; }
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
@include icon-after($i-chevron) {
|
@include icon-after($i-chevron) {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
};
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:hover,
|
||||||
border-top: none;
|
&:focus {
|
||||||
|
color: $darkgrey;
|
||||||
|
background: $lightbrown;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make space for icons
|
||||||
|
&:before {
|
||||||
|
margin-right: 20px;
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:first-child.active {
|
|
||||||
border-top: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
@ -152,15 +167,14 @@
|
||||||
}
|
}
|
||||||
} // .active
|
} // .active
|
||||||
|
|
||||||
} // li
|
&:first-of-type {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
&:first-of-type.active {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
// Give all icons some space
|
} // li
|
||||||
li a:before {
|
|
||||||
margin-right: 20px;
|
|
||||||
@media (max-width: 1000px) {
|
|
||||||
margin-right: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add the icons for specific menu items
|
// Add the icons for specific menu items
|
||||||
.about a {
|
.about a {
|
||||||
|
|
Loading…
Add table
Reference in a new issue