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

fixed flow hero appearanec

Browse source
This commit is contained in:
Fedor Katurov 2020-04-15 17:15:25 +07:00
parent c094bd357f
commit 756c82c8aa
3 changed files with 31 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/components/flow/FlowHero/styles.scss
View file

@ -1,12 +1,3 @@
// @keyframes rise {
// 0% {
// transform: translate(0, 0);
// }
// 100% {
// transform: translate(0, -10%);
// }
// }
.wrap {
width: 100%;
height: 100%;
@ -16,20 +7,20 @@
overflow: hidden;
&::after {
content: " ";
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("~/sprites/stripes.svg") rgba(0, 0, 0, 0.3);
background: url('~/sprites/stripes.svg') rgba(0, 0, 0, 0.3);
z-index: 4;
pointer-events: none;
touch-action: none;
}
&::before {
content: " ";
content: ' ';
position: absolute;
top: 0;
left: 0;
@ -94,6 +85,7 @@
box-sizing: border-box;
z-index: 5;
flex-direction: row;
align-items: flex-end;
}
.title_wrap {
@ -105,19 +97,28 @@
font: $font_hero_title;
text-transform: uppercase;
text-overflow: ellipsis;
line-height: 1.2em;
@include tablet {
white-space: initial;
word-wrap: break-word;
font: $font_32_bold;
max-height: 3.6em;
}
}
.title {
flex: 0;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 $gap 0 0;
border-radius: $radius;
font: $font_hero_title;
text-transform: uppercase;
}
// .title {
// flex: 0;
// height: 48px;
// display: flex;
// align-items: center;
// justify-content: center;
// padding: 0 $gap 0 0;
// background: red;
// border-radius: $radius;
// font: $font_hero_title;
// text-transform: uppercase;
// }
.buttons {
display: flex;