accounts-frontend/src/components/profile/profileForm.scss

78 lines
1.1 KiB
SCSS
Raw Normal View History

@import '~components/ui/fonts.scss';
@import '~components/ui/colors.scss';
.contentWithBackButton {
position: relative;
width: 400px;
margin: 0 auto;
}
.backButton {
composes: arrow from 'components/ui/icons.scss';
position: absolute;
left: -60px;
top: 15px;
width: 25px;
height: 25px;
padding: 15px;
transform: rotate(90deg);
transition: .3s;
color: #ccc;
font-size: 25px;
&:hover {
color: #9a9a9a;
}
}
.form {
background: #fff;
overflow: hidden; // disable margin collapsing
}
.formBody {
margin: 30px;
}
.formRow {
margin: 25px 0;
}
.title {
position: relative;
font-size: 24px;
font-family: $font-family-title;
padding-bottom: 9px;
&:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 86px;
background: $green;
}
}
.violetTitle {
composes: title;
&:after {
background: $violet;
}
}
.description {
font-size: 12px;
color: #666666;
line-height: 1.5;
margin-top: 25px;
}