accounts-frontend/packages/app/components/ui/bsod/styles.scss

64 lines
1003 B
SCSS
Raw Normal View History

@import '~app/components/ui/colors.scss';
2020-05-24 04:38:24 +05:30
$font-family-monospaced: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Roboto Mono', monospace;
2017-01-25 11:48:47 +05:30
.body {
2020-05-24 04:38:24 +05:30
height: 100%;
background-color: $dark_blue;
color: #fff;
text-align: center;
font-family: $font-family-monospaced;
box-sizing: border-box;
}
.canvas {
2020-05-24 04:38:24 +05:30
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrapper {
2020-05-24 04:38:24 +05:30
position: relative;
margin: 85px auto 0;
max-width: 500px;
padding: 0 20px;
}
.title {
2020-05-24 04:38:24 +05:30
font-size: 26px;
margin-bottom: 13px;
}
.line {
2020-05-24 04:38:24 +05:30
margin: 0 auto;
font-size: 16px;
color: #ebe8e1;
}
.lineWithMargin {
2020-05-24 04:38:24 +05:30
composes: line;
2020-05-24 04:38:24 +05:30
margin-bottom: 20px;
}
.support {
2020-05-24 04:38:24 +05:30
font-size: 18px;
line-height: 18px;
color: #fff;
2020-05-24 04:38:24 +05:30
margin: 5px 0 44px;
display: inline-block;
border-bottom-color: #39777f;
&:hover {
color: #fff;
border-bottom-color: #eee;
}
}
.easterEgg {
2020-05-24 04:38:24 +05:30
font-size: 14px;
color: #ebe8e1;
}