Emi/ELOS-License-Builder
1
0
Fork 1
Code Issues Pull requests Projects Releases Wiki Activity

Fix up some of the margin weirdness

Browse source
This commit is contained in:
Emi Simpson 2022-02-05 21:51:18 -05:00
parent bc217b2c72
commit ed9e02d594
Signed by: Emi
GPG key ID: 45E9C6E81BD86E7C
1 changed files with 28 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
site/styles.scss
View file

@ -14,8 +14,6 @@ body {
font-size: 1.5em;
line-height: 1.4em;
max-width: 700px;
margin: 0 auto;
margin-bottom: 60px;
}
@ -25,6 +23,8 @@ header {
font-size: 3.2rem;
padding: 0px 49px;
width: 600px;
margin: 0 auto;
p {
display: flex;
@ -49,14 +49,23 @@ header {
}
}
.emphasis-paragraph {
font-family: Resistance;
font-size: 3.5rem;
line-height: initial;
text-align: center;
#intro {
& > * {
margin-left: auto;
margin-right: auto;
}
margin-left: -50px;
margin-right: -50px;
p {
max-width: 700px;
}
.emphasis-paragraph {
max-width: 850px;
font-family: Resistance;
font-size: 3.5rem;
line-height: initial;
text-align: center;
}
}
#should-hide-intro:checked + #intro {
@ -112,7 +121,9 @@ header {
}
#license-chooser {
margin: 0 -50px;
max-width: 800px;
margin: 0 auto;
#selected-license {
border: 60px solid;
border-image: url("/assets/cool-border.svg") 60;
@ -163,9 +174,10 @@ header {
#modules {
display: grid;
grid-template-columns: 50% 50%;
grid-template-columns: 1fr 1fr;
gap: 50px;
margin: 0 -180px;
max-width: 1070px;
margin: 0 auto;
margin-bottom: 50px;
.module-button > div {
@ -203,14 +215,16 @@ header {
#downloads {
display: grid;
grid-template-columns: auto auto auto;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.divider {
display: grid;
grid-template-columns: 1fr 0fr 1fr;
align-items: center;
margin: 0 -100px;
margin: 0 auto;
max-width: 900px;
gap: 50px;
font-family: Resistance;
color: #e1c0ed;