accounts-frontend/packages/app/components/auth/appInfo/appInfo.scss

72 lines
1.1 KiB
SCSS
Raw Normal View History

@import '~app/components/ui/colors.scss';
@import '~app/components/ui/fonts.scss';
.appInfo {
2020-05-24 04:38:24 +05:30
max-width: 270px;
margin: 0 auto;
padding: 55px 25px;
}
.logoContainer {
2020-05-24 04:38:24 +05:30
position: relative;
padding: 15px 0;
2020-05-24 04:38:24 +05:30
&:after {
content: '';
display: block;
2020-05-24 04:38:24 +05:30
position: absolute;
bottom: 0;
height: 3px;
width: 40px;
2020-05-24 04:38:24 +05:30
background: $green;
}
}
.logo {
2020-05-24 04:38:24 +05:30
font-family: $font-family-title;
color: #fff;
font-size: 36px;
}
.descriptionContainer {
2020-05-24 04:38:24 +05:30
margin: 20px 0;
}
.description {
2020-05-24 04:38:24 +05:30
$font-color: #ccc;
font-family: $font-family-base;
color: $font-color;
font-size: 13px;
line-height: 1.7;
margin-top: 7px;
2020-05-24 04:38:24 +05:30
a {
color: lighten($font-color, 10%);
border-bottom-color: #666;
2020-05-24 04:38:24 +05:30
&:hover {
color: $font-color;
}
}
}
.goToAuth {
}
@media (min-width: 720px) {
2020-05-24 04:38:24 +05:30
.goToAuth {
display: none;
}
}
2016-05-20 01:11:43 +05:30
2016-05-28 02:08:11 +05:30
.footer {
2020-05-24 04:38:24 +05:30
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
line-height: 1.5;
2016-05-20 01:11:43 +05:30
}