diff --git a/src/components/flow/Cell/styles.scss b/src/components/flow/Cell/styles.scss index 65404001..88a50012 100644 --- a/src/components/flow/Cell/styles.scss +++ b/src/components/flow/Cell/styles.scss @@ -30,13 +30,13 @@ line-height: 22px; // margin-top: $gap; // letter-spacing: 0.5px; - background: transparentize($color: $content_bg, $amount: 0.3) - url("~/sprites/stripes.svg"); + background: transparentize($color: $content_bg, $amount: 0.3) url('~/sprites/stripes.svg'); padding: $gap; box-sizing: border-box; border-radius: $radius; overflow: hidden; position: relative; + word-break: break-word; width: 100%; height: 100%; @@ -46,7 +46,7 @@ } &::after { - content: " "; + content: ' '; position: absolute; bottom: 0; left: 0; @@ -54,10 +54,7 @@ height: 160px; pointer-events: none; touch-action: none; - background: linear-gradient( - transparentize($content_bg, 1), - $content_bg 95% - ); + background: linear-gradient(transparentize($content_bg, 1), $content_bg 95%); z-index: 1; border-radius: 0 0 $radius $radius; } @@ -116,6 +113,11 @@ } } +.quadro { + .text { + width: 50%; + } +} @media (max-width: $cell * 2) { .horizontal, .quadro, @@ -173,11 +175,7 @@ left: 0; width: 100%; height: 100%; - background: linear-gradient( - 5deg, - transparentize($content_bg, 0), - transparentize($content_bg, 1) - ); + background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1)); z-index: 2; border-radius: $cell_radius; padding: $gap / 2; @@ -307,7 +305,7 @@ &::after { @include inner_shadow(); - content: " "; + content: ' '; width: 20px; height: 20px; background: $content_bg; @@ -379,7 +377,7 @@ position: relative; &::after { - content: " "; + content: ' '; position: absolute; bottom: 0; left: 0; @@ -387,10 +385,7 @@ height: 160px; pointer-events: none; touch-action: none; - background: linear-gradient( - transparentize($content_bg, 1), - $content_bg 95% - ); + background: linear-gradient(transparentize($content_bg, 1), $content_bg 95%); z-index: 1; border-radius: 0 0 $radius $radius; } diff --git a/src/components/main/Logo/index.tsx b/src/components/main/Logo/index.tsx index c7a9c787..639ba981 100644 --- a/src/components/main/Logo/index.tsx +++ b/src/components/main/Logo/index.tsx @@ -4,6 +4,6 @@ import { Link } from 'react-router-dom'; export const Logo = () => ( - УБЕЖИЩЕ + VAULT );