49b4061990
Note we're using an extra `<span>` element but we could use a CSS grid layout instead. We're not using it because browser compatibility is only 94.56% at the time of writing.
44 lines
632 B
SCSS
44 lines
632 B
SCSS
@mixin admin-layout {
|
|
|
|
> header {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
> .menu-and-content {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
@mixin logo {
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-family: "Lato" !important;
|
|
font-size: rem-calc(24);
|
|
font-weight: lighter;
|
|
|
|
@include breakpoint(medium) {
|
|
line-height: $line-height * 2;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@mixin full-width-form {
|
|
.globalize-languages {
|
|
max-width: none;
|
|
}
|
|
}
|
|
|
|
@mixin background-till-left-of-screen {
|
|
position: relative;
|
|
|
|
&::before {
|
|
background: inherit;
|
|
content: "";
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 100%;
|
|
width: 100vw;
|
|
}
|
|
}
|