mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-24 20:36:40 +07:00
fixed quadros text
This commit is contained in:
parent
5cb0791752
commit
0ecf188def
2 changed files with 14 additions and 19 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -4,6 +4,6 @@ import { Link } from 'react-router-dom';
|
|||
|
||||
export const Logo = () => (
|
||||
<Link className={styles.logo} to="/">
|
||||
УБЕЖИЩЕ
|
||||
VAULT
|
||||
</Link>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue