+@use '_variables' as *;
+@use '_mixins' as *;
* {
font-family: sans-serif;
}
.logo {
+ @include margin-right(0.5em);
+
font-size: 150%;
height: 100%;
font-weight: bold;
display: flex;
flex-direction: row;
align-items: center;
- margin-right: 0.5em;
.icon {
+ @include margin-right(0.5em);
+
height: 100%;
padding: 0 18px 0 32px;
background: #fff;
display: flex;
align-items: center;
- margin-right: 0.5em;
}
}
}
header {
+ @include padding-right(1em);
+
width: 100%;
height: 3.2em;
background-color: #F1680D;
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.6);
background-size: 50%;
background-position: top left;
- padding-right: 1em;
h1 {
margin: 0;