2017-08-24 12:54:16 +02:00
|
|
|
@import 'variables';
|
2017-08-25 00:16:33 +02:00
|
|
|
|
2017-08-30 12:52:30 +02:00
|
|
|
.page--styleguide .content {
|
2017-08-25 00:16:33 +02:00
|
|
|
.logo {
|
|
|
|
|
margin-bottom: $spacer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo--white {
|
|
|
|
|
background: $brand-03;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-08-30 12:52:30 +02:00
|
|
|
|
|
|
|
|
.colors {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
margin-left: -$spacer;
|
|
|
|
|
width: calc(100% + $spacer);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.color {
|
|
|
|
|
flex: 0 1 29.5%;
|
|
|
|
|
margin-left: $spacer;
|
|
|
|
|
margin-bottom: $spacer;
|
|
|
|
|
padding: $spacer;
|
|
|
|
|
color: $brand-05;
|
|
|
|
|
border-radius: $border-radius;
|
|
|
|
|
font-size: $font-size-mini;
|
|
|
|
|
font-family: $font-family-monospace;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
|
|
|
|
|
&.color--brand-05 {
|
|
|
|
|
color: $brand-04;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.color__meta {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
