Language in progress
This commit is contained in:
@@ -2,11 +2,12 @@
|
||||
|
||||
@layer pairgoth {
|
||||
body {
|
||||
font-size : clamp(1rem, 3vw, 3rem);
|
||||
font-size : clamp(1rem, 2vw, 3rem);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.flex {
|
||||
@@ -22,13 +23,18 @@
|
||||
}
|
||||
|
||||
#header {
|
||||
height: 2em;
|
||||
height: 3em;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
justify-content: space-between;
|
||||
#left-header, #right-header {
|
||||
#left-header {
|
||||
height: 100%;
|
||||
}
|
||||
#right-header {
|
||||
height: 100%;
|
||||
margin-top: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
#logo {
|
||||
height: 100%;
|
||||
img {
|
||||
@@ -40,15 +46,19 @@
|
||||
|
||||
#center {
|
||||
max-width: clamp(800px, 80vw, 100vw);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
#inner {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
flex: 0;
|
||||
height: 2em;
|
||||
margin: 0 2em;
|
||||
margin: 0 0.5em;
|
||||
font-size: 0.8em;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@@ -57,6 +67,10 @@
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
button {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
button.floating {
|
||||
box-shadow: 0px 8px 8px -5px rgba(0,0,0,35%);
|
||||
transition: all 0.3s;
|
||||
|
Reference in New Issue
Block a user