muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-28 22:26:41 +07:00
Code Packages Activity Actions

#23 fixed submit button appearance for lab

Browse source
This commit is contained in:
Fedor Katurov 2021-03-26 12:35:31 +07:00
parent 998a2e305a
commit ede5dfe17f
15 changed files with 82 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

159
src/containers/node/BorisLayout/styles.module.scss
View file

@ -1,159 +0,0 @@
@import "src/styles/variables";
.wrap {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.grid {
padding: $gap;
}
.cover {
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: hidden;
background: 50% 0 no-repeat url('../../../sprites/boris_bg.svg');
background-size: cover;
}
.header {
font-size: 2em;
}
.container {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: row;
width: 100%;
@include tablet {
flex-direction: column-reverse;
}
}
.image {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
padding-bottom: 33.333%;
position: relative;
width: 100%;
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@include tablet {
height: 40px;
width: 100%;
padding-bottom: 0;
img {
display: none;
}
}
}
.caption {
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-end;
font: $font_48_bold;
font-size: 72px;
line-height: 0.95em;
flex-direction: column;
padding-bottom: $gap * 2;
padding: 0 0 $gap * 2;
transform: translate(-50%, 0);
box-sizing: border-box;
@include tablet {
align-items: flex-start;
justify-content: center;
width: 100%;
text-align: center;
display: none;
padding: $gap;
font-size: 32px;
}
}
.caption_text {
max-width: 400px;
text-transform: uppercase;
@include tablet {
max-width: 100%;
margin: auto;
}
}
.stats {
position: relative;
z-index: 2;
align-self: stretch;
flex-direction: column;
padding-top: 10px;
h4 {
font: $font_20_semibold;
text-transform: uppercase;
margin-bottom: $gap * 2;
}
&__container {
background: darken($content_bg, 4%);
border-radius: 0 $radius $radius 0;
box-shadow: inset transparentize(mix($wisegreen, white, 60%), 0.6) 0 1px;
padding: $gap;
box-sizing: border-box;
flex: 0 0 auto;
}
&__title {
font: $font_12_semibold;
text-transform: uppercase;
opacity: 0.3;
margin-top: 16px !important;
}
&__about {
line-height: 1.4em;
p {
margin-bottom: $gap;
}
}
&__wrap {
@include tablet {
display: none;
}
}
}
.content {
position: relative;
z-index: 1;
flex: 3;
}