+@use '_variables' as *;
+@use '_mixins' as *;
* {
font-family: sans-serif;
}
iframe {
- border: none;
+ border: 0;
border-radius: 8px;
min-width: 200px;
width: 100%;
}
.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: white;
+ background: #fff;
display: flex;
align-items: center;
- margin-right: 0.5em;
}
}
}
header {
+ @include padding-right(1em);
+
width: 100%;
height: 3.2em;
background-color: #F1680D;
- color: white;
+ color: #fff;
//background-image: url(../../assets/images/backdrop/network-o.png);
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 1em;
- box-shadow: 1px 0px 10px rgba(0,0,0,0.6);
+ box-shadow: 1px 0 10px rgba(0, 0, 0, 0.6);
background-size: 50%;
background-position: top left;
- padding-right: 1em;
h1 {
margin: 0;
display: flex;
flex-wrap: wrap;
- & > * {
+ > * {
flex-grow: 0;
}
}
fieldset {
- border: none;
+ border: 0;
min-width: 8em;
legend {
border-bottom: 1px solid #ccc;
button {
background: #F1680D;
- color: white;
+ color: #fff;
font-weight: bold;
border-radius: 5px;
margin: 0;
padding: 1em 1.25em;
- border: none;
+ border: 0;
}
a {
text-decoration: underline;
}
- &, &:hover, &:focus, &:visited, &:active {
+ &,
+ &:hover,
+ &:focus,
+ &:visited,
+ &:active {
color: #F44336;
}
}