generated from VLADIMIR/template_frontend
clear
This commit is contained in:
+25
-13
@@ -1,24 +1,36 @@
|
||||
@import './base.css';
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
background-color: black;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: font_old_typer;
|
||||
src: url('@/assets/fonts/a_OldTyper.ttf');
|
||||
}
|
||||
|
||||
#app {
|
||||
max-width: 1280px;
|
||||
margin: 40px auto;
|
||||
padding: 2rem;
|
||||
font-weight: normal;
|
||||
.center-message {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* горизонтальное центрирование */
|
||||
align-items: center;
|
||||
/* вертикальное центрирование */
|
||||
height: calc(100dvh - 100px);
|
||||
text-align: center;
|
||||
/* центрирование текста */
|
||||
}
|
||||
|
||||
.content-block {
|
||||
margin-top: 70px;
|
||||
padding: 10px;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
body {
|
||||
display: flex;
|
||||
place-items: center;
|
||||
.center-block-custom {
|
||||
width: 700px;
|
||||
margin: 70px auto 0 auto;
|
||||
}
|
||||
|
||||
#app {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user