diff --git a/src/components/boris/BorisContactItem/styles.module.scss b/src/components/boris/BorisContactItem/styles.module.scss index 17564323..374f32c2 100644 --- a/src/components/boris/BorisContactItem/styles.module.scss +++ b/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; } diff --git a/src/components/boris/BorisContacts/index.tsx b/src/components/boris/BorisContacts/index.tsx index 71868a06..ef4d1fbb 100644 --- a/src/components/boris/BorisContacts/index.tsx +++ b/src/components/boris/BorisContacts/index.tsx @@ -6,8 +6,6 @@ interface Props {} const BorisContacts: FC = () => (
-
Где мы ещё:
- *:not(:last-child) { - border-bottom: 1px solid #333333; - padding-bottom: $gap * 2; + & > * { + @include row_shadow; } } - -.contacts__title { - font: $font_12_semibold; - text-transform: uppercase; - opacity: 0.3; -} diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 5b24d4b2..a99fbb38 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -95,9 +95,8 @@ $sidebar_border: transparentize(white, 0.95); } @mixin row_shadow() { - &:not(last-child) { - box-shadow: - transparentize(white, 0.95) 0 1px, + &:not(:last-child) { + box-shadow: transparentize(white, 0.95) 0 1px, inset transparentize(black, 0.8) 0 -1px; }