@ilo-org/styles 0.3.5 → 0.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ilo-org/styles",
   "description": "Styles for products using ILO's Design System",
-  "version": "0.3.5",
+  "version": "0.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/international-labour-organization/designsystem.git",
@@ -19,8 +19,8 @@
   ],
   "dependencies": {
     "@ilo-org/fonts": "0.1.0",
-    "@ilo-org/icons": "0.1.17",
-    "@ilo-org/themes": "0.1.15"
+    "@ilo-org/icons": "0.2.1",
+    "@ilo-org/themes": "0.2.0"
   },
   "devDependencies": {
     "cssnano": "^5.1.13",

package/scss/components/_footer.scss

@@ -94,88 +94,10 @@
     margin: px-to-rem(55px) 0;
   }
 
-  .social--headline {
-    color: $color-base-neutrals-white;
-    font-family: $fonts-display;
-    font-weight: map-get($type, "weights", "label");
-    @include font-styles("body-small");
-    @include textmargin("margin-bottom", 28px, "body-small", "display", 0, 0);
-  }
-
   .social--links {
-    display: flex;
     margin-bottom: px-to-rem(45px);
   }
 
-  .social--links--link {
-    background-repeat: no-repeat;
-    background-size: contain;
-    border: 0;
-    display: inline-block;
-    height: px-to-rem(16px);
-    margin: -1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
-    text-indent: -999rem;
-    width: px-to-rem(16px);
-
-    &.facebook {
-      @include dataurlicon("facebook", $color-base-neutrals-lighter);
-    }
-
-    &.instagram {
-      @include dataurlicon("instagram", $color-base-neutrals-lighter);
-    }
-
-    &.twitter {
-      @include dataurlicon("twitter", $color-base-neutrals-lighter);
-    }
-
-    &.youtube {
-      @include dataurlicon("youtube", $color-base-neutrals-lighter);
-    }
-  }
-
-  .social--links--item {
-    align-items: center;
-    background-color: transparent;
-    border-radius: px-to-rem(3px);
-    display: flex;
-    height: px-to-rem(24px);
-    justify-content: center;
-    margin-right: px-to-rem(20px);
-    position: relative;
-    width: px-to-rem(24px);
-
-    &:last-of-type {
-      margin-right: none;
-    }
-
-    &:hover,
-    &:focus {
-      background-color: $color-base-blue-light;
-
-      .social--links--link {
-        &.facebook {
-          @include dataurlicon("facebook", $color-base-blue-medium);
-        }
-
-        &.instagram {
-          @include dataurlicon("instagram", $color-base-blue-medium);
-        }
-
-        &.twitter {
-          @include dataurlicon("twitter", $color-base-blue-medium);
-        }
-
-        &.youtube {
-          @include dataurlicon("youtube", $color-base-blue-medium);
-        }
-      }
-    }
-  }
-
   .legal,
   .secondarylinks {
     color: $color-base-neutrals-medium;
@@ -348,10 +270,6 @@
       margin: 0 0 0 calc(18.9% + 64px);
     }
 
-    .social--headline {
-      text-align: left;
-    }
-
     .ilo--button {
       align-self: start;
       justify-self: start;
@@ -380,18 +298,6 @@
       text-align: right;
     }
 
-    .social--links {
-      flex-direction: row-reverse;
-    }
-
-    .social--links--item:first-of-type {
-      margin-right: 0;
-    }
-
-    .social--links--link {
-      text-indent: 999em;
-    }
-
     .legal,
     .secondarylinks {
       display: block;