2017-05-17 18:06:25 +02:00
|
|
|
@import "constants";
|
|
|
|
@import "mixins";
|
|
|
|
|
2017-04-04 14:38:50 +02:00
|
|
|
%horizontal-list {
|
|
|
|
list-style-type: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
font-size: 0px;
|
2017-05-17 18:06:25 +02:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
2017-04-04 14:38:50 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
%horizontal-list-item {
|
|
|
|
display: inline-block;
|
2017-05-17 18:06:25 +02:00
|
|
|
}
|
2017-04-04 14:38:50 +02:00
|
|
|
|
2017-05-17 18:06:25 +02:00
|
|
|
%page-width-container {
|
|
|
|
@include horizontal-padding($default-padding);
|
|
|
|
max-width: $page-width + 2 * $default-padding;
|
|
|
|
margin: 0 auto;
|
2017-04-04 14:38:50 +02:00
|
|
|
}
|
2017-06-22 16:45:57 +02:00
|
|
|
|
|
|
|
%animation {
|
|
|
|
animation-fill-mode: forwards;
|
|
|
|
animation-duration: 0.3s;
|
|
|
|
}
|