mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-12 08:19:06 +05:30
82abe0a746
Split popups controllers into separate components Implemented storybooks for all project's popups
81 lines
1.2 KiB
SCSS
81 lines
1.2 KiB
SCSS
@import '~app/components/ui/colors.scss';
|
|
@import '~app/components/ui/fonts.scss';
|
|
@import '~app/components/ui/popup/popup.scss';
|
|
|
|
/* Form state */
|
|
|
|
.contactFormBoundings {
|
|
@include popupBounding(500px);
|
|
}
|
|
|
|
.body {
|
|
padding: $popupPadding;
|
|
}
|
|
|
|
.philosophicalThought {
|
|
font-family: $font-family-title;
|
|
font-size: 19px;
|
|
color: $green;
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.formDisclaimer {
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
max-width: 400px;
|
|
margin: 0 auto 10px;
|
|
}
|
|
|
|
.pairInputRow {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pairInput {
|
|
width: 50%;
|
|
|
|
&:first-of-type {
|
|
margin-right: $popupPadding;
|
|
}
|
|
}
|
|
|
|
.formMargin {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Success State */
|
|
|
|
.successStateBoundings {
|
|
@include popupBounding(320px);
|
|
}
|
|
|
|
.successBody {
|
|
composes: body;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
.successDescription {
|
|
@extend .formDisclaimer;
|
|
|
|
margin-bottom: 15px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.successIcon {
|
|
composes: checkmark from '~app/components/ui/icons.scss';
|
|
|
|
font-size: 90px;
|
|
color: #aaa;
|
|
margin-bottom: 20px;
|
|
line-height: 71px;
|
|
}
|
|
|
|
.sentToEmail {
|
|
font-family: $font-family-title;
|
|
color: #444;
|
|
font-size: 18px;
|
|
}
|