steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 22:54:22 +00:00
Code Activity

Merge page-tweaks into globals.css

Browse source
This commit is contained in:
Steffo 2022-06-02 04:32:50 +02:00
parent c6d0234d04
commit 6b3a27736e
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 53 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
styles/globals.css
View file

@ -1,5 +1,4 @@
@import "color-schemes.css"; @import "color-schemes.css";
@import "page-tweaks.css";
* { * {
box-sizing: border-box; box-sizing: border-box;
@ -44,14 +43,6 @@ a:active {
color: var(--anchor-active); color: var(--anchor-active);
} }
.positive {
color: var(--positive);
}
.negative {
color: var(--negative);
}
input, button { input, button {
padding: 8px; padding: 8px;
@ -86,6 +77,14 @@ input[type="submit"]:active:not([disabled]), button:active:not([disabled]) {
cursor: not-allowed; cursor: not-allowed;
} }
.positive {
color: var(--positive);
}
.negative {
color: var(--negative);
}
.square-40 { .square-40 {
width: 40px; width: 40px;
height: 40px; height: 40px;
@ -168,3 +167,47 @@ input.negative, button.negative {
text-align: left; text-align: left;
} }
#page-index {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto 1fr;
justify-content: stretch;
text-align: center;
gap: 32px;
}
#page-index .hero-titles {
align-self: center;
grid-row: 1;
}
#page-index .hero-titles h1 {
font-size: 10rem;
}
#page-index .hero-titles h2 {
font-size: 2.5rem;
}
@media (max-width: 640px) or (max-height: 640px) {
#page-index .hero-titles h1 {
font-size: 5rem;
}
#page-index .hero-titles h2 {
font-size: 1.5rem;
}
}
#page-index .hero-action {
align-self: start;
justify-self: center;
grid-row: 2;
max-width: 800px;
width: 100%;
}

43
styles/page-tweaks.css
View file

@ -1,43 +0,0 @@
#page-index {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto 1fr;
justify-content: stretch;
text-align: center;
gap: 32px;
}
#page-index .hero-titles {
align-self: center;
grid-row: 1;
}
#page-index .hero-titles h1 {
font-size: 10rem;
}
#page-index .hero-titles h2 {
font-size: 2.5rem;
}
@media (max-width: 640px) or (max-height: 640px) {
#page-index .hero-titles h1 {
font-size: 5rem;
}
#page-index .hero-titles h2 {
font-size: 1.5rem;
}
}
#page-index .hero-action {
align-self: start;
justify-self: center;
grid-row: 2;
max-width: 800px;
width: 100%;
}