b489923f66
So now it uses the same interface and styles as the main layout. On
small screens, it's easier to play with the menu when the button is on
the left because the menu it opens is aligned to the left.
Note that now we can get rid of the title-bar class; we didn't use the
styles in the public area since commit dcec003d0, and we were overriding
all the Foundation styles in the admin area with the exception of the
padding, which we no longer need.
81 lines
1.3 KiB
SCSS
81 lines
1.3 KiB
SCSS
.admin {
|
|
> header {
|
|
border-bottom: 1px solid #eee;
|
|
|
|
> * {
|
|
@include full-width-background($adjust-margin: false, $adjust-padding: true);
|
|
}
|
|
}
|
|
|
|
.top-links {
|
|
|
|
a {
|
|
line-height: rem-calc($line-height * 1.5);
|
|
}
|
|
}
|
|
|
|
.top-bar {
|
|
height: auto;
|
|
padding-top: $line-height / 2;
|
|
|
|
@include breakpoint(small only) {
|
|
|
|
.account-menu {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
|
.submenu {
|
|
position: initial;
|
|
}
|
|
|
|
a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.is-active {
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
[class^="icon-"] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
[class^="icon-"] {
|
|
font-size: $base-font-size;
|
|
}
|
|
|
|
h1 {
|
|
margin-top: $line-height / 2;
|
|
|
|
@include breakpoint(medium) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
small {
|
|
color: inherit;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
display: inline-block;
|
|
font-family: "Lato" !important;
|
|
font-size: rem-calc(24);
|
|
font-weight: lighter;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.top-bar .menu > li {
|
|
|
|
@include breakpoint(medium) {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
}
|