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

36
site/styles.scss
View file

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