diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 7fc315c93fa0286512658906afd6bc5fc6cd9325..2196aae330d8eabcf0a8a3f2b5bfa28dcae8a083 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,19 +83,22 @@ @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 button-reset + appearance: none background: transparent border: none + border-radius: none cursor: pointer - &:active, + user-select: none + &:active, &:focus box-shadow: 0 0 0 0.25rem rgba($main-color, 0.25) outline: 0 @@ -103,4 +106,4 @@ @mixin list-reset list-style: none padding-left: 0 - margin-bottom: 0 \ No newline at end of file + margin-bottom: 0