@import "colors"; @import "mixins"; @import "constants"; %horizontal-list { list-style-type: none; margin: 0; padding: 0; font-size: 0px; display: flex; flex-wrap: wrap; } %horizontal-list-item { display: inline-block; } %animation { animation-fill-mode: forwards; animation-duration: 0.3s; } %outline { &:active:not(:disabled), &:focus { outline: 3px solid $blue-france-500; } } %container { @include horizontal-padding($default-padding); max-width: $page-width + 2 * $default-padding; margin-left: auto; margin-right: auto; }