refactor: apply fixes from new stylelint errors

SwissTchoukball · Feb 9, 2024 · 110657b · 110657b
1 parent 5f32a05
commit 110657b
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 16 deletions.
diff --git a/components/events/st-event.vue b/components/events/st-event.vue
@@ -194,10 +194,7 @@ export default Vue.extend({
 
 .c-event__image {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   z-index: -1;
   height: 100%;
   width: 100%;

diff --git a/components/national-teams/st-national-team-competition-update-list.vue b/components/national-teams/st-national-team-competition-update-list.vue
@@ -268,8 +268,7 @@ export default Vue.extend({
   margin-top: var(--st-length-spacing-xxs);
   display: flex;
   flex-wrap: wrap;
-  column-gap: var(--st-length-spacing-xs);
-  row-gap: var(--st-length-spacing-xxs);
+  gap: var(--st-length-spacing-xxs) var(--st-length-spacing-xs);
   font-size: 0.8em;
   align-items: center;
 }

diff --git a/components/news/st-news-list.vue b/components/news/st-news-list.vue
@@ -173,8 +173,7 @@ export default Vue.extend({
      */
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
-    column-gap: var(--st-length-spacing-s);
-    row-gap: var(--st-length-spacing-m);
+    gap: var(--st-length-spacing-m) var(--st-length-spacing-s);
   }
 
   .c-news-list__entry {

diff --git a/components/st-breadcrumb.vue b/components/st-breadcrumb.vue
@@ -36,8 +36,7 @@ export default Vue.extend({
 .c-breadcrumb__list {
   display: flex;
   flex-wrap: wrap;
-  column-gap: 0.5em;
-  row-gap: 0.5em;
+  gap: 0.5em;
 }
 
 .c-breadcrumb__item {

diff --git a/components/st-flickr-album-link.vue b/components/st-flickr-album-link.vue
@@ -62,10 +62,7 @@ export default Vue.extend({
 
 .c-flickr-album-link__overlay {
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   background: linear-gradient(0deg, rgba(0 0 0 / 90%) 0, transparent 50%, transparent);
 }
 

diff --git a/components/tchoukup/st-tchoukup-list.vue b/components/tchoukup/st-tchoukup-list.vue
@@ -134,8 +134,7 @@ export default Vue.extend({
      */
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
-    column-gap: var(--st-length-spacing-s);
-    row-gap: var(--st-length-spacing-m);
+    gap: var(--st-length-spacing-m) var(--st-length-spacing-s);
   }
 
   .c-tchoukup-list__entry {

diff --git a/pages/competitions/_competition/_season/match/_matchId.vue b/pages/competitions/_competition/_season/match/_matchId.vue
@@ -515,6 +515,7 @@ export default Vue.extend({
     font-size: 1.8em;
   }
 }
+
 @media (--lg-and-up) {
   .c-match__score {
     margin: var(--st-length-spacing-l);