diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index e924fd7412f80e7330222adabb36077b8f9da25a..0d88fd6a32980e96a1aa3b5c03d1df53ad0d41f7 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -51,6 +51,7 @@ @mixin icon($icon-name: '', $pseudo-element: before) &::#{$pseudo-element} + content: map-get($icons, $icon-name) display: inline-block font-family: 'Icon' font-style: normal @@ -60,14 +61,13 @@ speak: never text-transform: none vertical-align: middle - content: map-get($icons, $icon-name) @mixin container + margin-left: auto + margin-right: auto max-width: $grid-max-width padding-left: $grid-gutter padding-right: $grid-gutter - margin-left: auto - margin-right: auto width: 100% @mixin grid($cols: 12, $breakpoint: md) @@ -83,13 +83,13 @@ @mixin stretched-link($pseudo-element: after) &::#{$pseudo-element} - position: absolute - top: 0 - right: 0 bottom: 0 + content: '' left: 0 + position: absolute + right: 0 + top: 0 z-index: $zindex-stretched-link - content: "" @mixin aspect-ratio($width, $height, $tag: 'iframe') #{$tag} @@ -110,9 +110,12 @@ top: 0 @mixin button-reset + appearance: none background: transparent border: none + border-radius: none cursor: pointer + user-select: none &:active, &:focus box-shadow: 0 0 0 0.25rem rgba($main-color, 0.25)