muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed quadros text

Browse source
This commit is contained in:
Fedor Katurov 2019-12-02 15:55:21 +07:00
parent 5cb0791752
commit 0ecf188def
2 changed files with 14 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/components/flow/Cell/styles.scss
View file

@ -30,13 +30,13 @@
line-height: 22px; line-height: 22px;
// margin-top: $gap; // margin-top: $gap;
// letter-spacing: 0.5px; // letter-spacing: 0.5px;
background: transparentize($color: $content_bg, $amount: 0.3) background: transparentize($color: $content_bg, $amount: 0.3) url('~/sprites/stripes.svg');
url("~/sprites/stripes.svg");
padding: $gap; padding: $gap;
box-sizing: border-box; box-sizing: border-box;
border-radius: $radius; border-radius: $radius;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
word-break: break-word;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -46,7 +46,7 @@
} }
&::after { &::after {
content: " "; content: ' ';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -54,10 +54,7 @@
height: 160px; height: 160px;
pointer-events: none; pointer-events: none;
touch-action: none; touch-action: none;
background: linear-gradient( background: linear-gradient(transparentize($content_bg, 1), $content_bg 95%);
transparentize($content_bg, 1),
$content_bg 95%
);
z-index: 1; z-index: 1;
border-radius: 0 0 $radius $radius; border-radius: 0 0 $radius $radius;
} }
@ -116,6 +113,11 @@
} }
} }
.quadro {
.text {
width: 50%;
}
}
@media (max-width: $cell * 2) { @media (max-width: $cell * 2) {
.horizontal, .horizontal,
.quadro, .quadro,
@ -173,11 +175,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient( background: linear-gradient(5deg, transparentize($content_bg, 0), transparentize($content_bg, 1));
5deg,
transparentize($content_bg, 0),
transparentize($content_bg, 1)
);
z-index: 2; z-index: 2;
border-radius: $cell_radius; border-radius: $cell_radius;
padding: $gap / 2; padding: $gap / 2;
@ -307,7 +305,7 @@
&::after { &::after {
@include inner_shadow(); @include inner_shadow();
content: " "; content: ' ';
width: 20px; width: 20px;
height: 20px; height: 20px;
background: $content_bg; background: $content_bg;
@ -379,7 +377,7 @@
position: relative; position: relative;
&::after { &::after {
content: " "; content: ' ';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -387,10 +385,7 @@
height: 160px; height: 160px;
pointer-events: none; pointer-events: none;
touch-action: none; touch-action: none;
background: linear-gradient( background: linear-gradient(transparentize($content_bg, 1), $content_bg 95%);
transparentize($content_bg, 1),
$content_bg 95%
);
z-index: 1; z-index: 1;
border-radius: 0 0 $radius $radius; border-radius: 0 0 $radius $radius;
} }

2
src/components/main/Logo/index.tsx
View file

@ -4,6 +4,6 @@ import { Link } from 'react-router-dom';
export const Logo = () => ( export const Logo = () => (
<Link className={styles.logo} to="/"> <Link className={styles.logo} to="/">
УБЕЖИЩЕ VAULT
</Link> </Link>
); );