fixed boris contacts shadows

src/components/boris/BorisContactItem/styles.module.scss

@@ -7,6 +7,8 @@
   justify-content: stretch;
   text-decoration: none;
   color: darken(white, 50%);
+  padding: $gap;
+  min-height: 42px;
 }
 
 .icon {
@@ -21,9 +23,10 @@
 
 .title {
   font: $font_16_semibold;
+  line-height: 1.25em;
 }
 
 .subtitle {
   font: $font_12_medium;
-  opacity: 0.7;
+  opacity: 0.5;
 }

src/components/boris/BorisContacts/index.tsx

@@ -6,8 +6,6 @@ interface Props {}
 
 const BorisContacts: FC<Props> = () => (
   <div className={styles.contacts}>
-    <div className={styles.contacts__title}>Где мы ещё:</div>
-
     <BorisContactItem
       icon="vk"
       title="Суицидальные роботы"

src/components/boris/BorisContacts/styles.module.scss

@@ -1,19 +1,10 @@
 @import "~/styles/variables";
 
 .contacts {
-  display: grid;
+  @include inner_shadow;
-  grid-auto-flow: row;
+  border-radius: $radius;
-  grid-row-gap: $gap;
-  padding: 2px 2px $gap * 3 2px;
 
-  & > *:not(:last-child) {
+  & > * {
-    border-bottom: 1px solid #333333;
+    @include row_shadow;
-    padding-bottom: $gap * 2;
   }
 }
-
-.contacts__title {
-  font: $font_12_semibold;
-  text-transform: uppercase;
-  opacity: 0.3;
-}

src/styles/variables.scss

@@ -95,9 +95,8 @@ $sidebar_border: transparentize(white, 0.95);
 }
 
 @mixin row_shadow() {
-  &:not(last-child) {
+  &:not(:last-child) {
-    box-shadow:
+    box-shadow: transparentize(white, 0.95) 0 1px,
-            transparentize(white, 0.95) 0 1px,
             inset transparentize(black, 0.8) 0 -1px;
   }