Merge branch 'NXSTAGE-610-breadcrumb-fixes' into 'development'

style fixes for breadcrumbs

See merge request julkiset-sivut/design-system-lib!82

src/components/hy-breadcrumbs/hy-breadcrumbs.scss

@@ -153,6 +153,12 @@
     }
   }
 
+  .breadcrumb-item-caret {
+    svg {
+      fill: var(--grayscale-dark);
+    }
+  }
+
   .breadcrumb-item-dropdown-button {
     display: flex;
     flex-direction: row;
@@ -163,7 +169,7 @@
     line-height: 10px;
     border-radius: 3px;
     background-color: var(--grayscale-white);
-    box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1);
+    box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.3);
     padding: 0 25px 9px 10px;
     position: relative;
 
@@ -193,7 +199,7 @@
 
     &__is-open {
       background: var(--grayscale-white);
-      box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1);
+      box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.2);
       display: block;
       margin-top: -9px;
       padding: 32px 16px 6px 16px;
@@ -242,6 +248,19 @@
     visibility: hidden;
   }
 
+  .breadcrumb-item.main,
+  .breadcrumb-item.intermediate,
+  .breadcrumb-item.home {
+    a {
+      min-height: 44px;
+    }
+  }
+  .breadcrumb-item.breadcrumb-item__current {
+    a {
+      min-height: 0;
+    }
+  }
+
   #more,
   .more {
     display: none;
@@ -263,13 +282,11 @@
     @include font-size(26px, 26px);
     color: var(--grayscale-black);
     font-weight: 700;
+  }
 
-    //@todo change home icon to be 20px x 20px and be as in the specs
-
-    .breadcrumb-item-caret {
-      // @todo set styles for caret near the home icon
-      // should be bold
-      // padding: 0 6px 0 8px; (mobile) && padding: 0 8px 0 10px (tablet + desktop);
+  .breadcrumb-item-caret {
+    svg {
+      fill: var(--grayscale-black);
     }
   }
 

src/components/hy-main/hy-main.scss

 .hy-main {
   display: flex;
-  margin: var(--gutter-mobile) auto;
+  //margin: var(--gutter-mobile) auto;
   max-width: $fullhd;
   padding: 0;
   width: 100%;