feat(css): use shorthand when possible

1024pix · Feb 25, 2022 · ac396ef · ac396ef
1 parent ab23403
commit ac396ef
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 9 deletions.
diff --git a/components/LanguageSwitcher.vue b/components/LanguageSwitcher.vue
@@ -194,7 +194,6 @@ export default {
       height: 1.5rem;
     }
     &__button {
-      background: none;
       font-family: $font-roboto;
       font-size: 0.875rem;
       font-weight: $font-medium;
@@ -207,8 +206,7 @@ export default {
       background-size: 1.5rem;
       padding: 2px 3px 0 30px;
       cursor: pointer;
-      background-image: url('/images/globe.svg');
-      background-repeat: no-repeat;
+      background: url('/images/globe.svg') no-repeat;
       &:hover,
       &:focus {
         color: $blue;

diff --git a/components/LanguageSwitcherLegacy.vue b/components/LanguageSwitcherLegacy.vue
@@ -129,7 +129,6 @@ export default {
       height: 1.5rem;
     }
     &__button {
-      background: none;
       font-family: $font-roboto;
       font-size: 0.875rem;
       font-weight: $font-medium;
@@ -142,8 +141,7 @@ export default {
       background-size: 1.5rem;
       padding: 2px 3px 0 30px;
       cursor: pointer;
-      background-image: url('/images/globe.svg');
-      background-repeat: no-repeat;
+      background: url('/images/globe.svg') no-repeat;
       &:hover,
       &:focus {
         color: $blue;

diff --git a/components/NewsItemCard.vue b/components/NewsItemCard.vue
@@ -65,10 +65,8 @@ export default {
 
 <style lang="scss">
 .news-item-card {
-  margin: 20px;
   max-width: 340px;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 20px auto;
   overflow: hidden;
   border-radius: 10px;
   background: #fff;