mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-06-10 21:01:41 +00:00
🔡 Typographic changes
This commit is contained in:
@ -8,7 +8,7 @@ body {
|
||||
border-top: 1rem solid red;
|
||||
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
|
||||
font-size: 20px;
|
||||
padding: 0;
|
||||
padding: 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@ -28,6 +28,25 @@ h1 {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.title__thicc {
|
||||
font-size: 10vh;
|
||||
line-height: 0.75;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0rem;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.help {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.help li {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, [col] 1fr [col]);
|
||||
@ -43,11 +62,11 @@ h1 {
|
||||
}
|
||||
|
||||
.box {
|
||||
grid-column: span 2;
|
||||
background: black;
|
||||
color: white;
|
||||
padding: 1rem;
|
||||
margin: 2rem;
|
||||
height: auto;
|
||||
}
|
||||
.box a {
|
||||
color: white;
|
||||
@ -73,96 +92,6 @@ h1 {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 200px) {
|
||||
#title, #description, #summary {
|
||||
grid-column: span 4;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.list, .item {
|
||||
grid-column: span 4;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.title__thicc {
|
||||
font-size: 9vw;
|
||||
line-height: 0.75;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 600px) {
|
||||
body {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.grid {
|
||||
grid-row-gap: 1em;
|
||||
}
|
||||
|
||||
#title {
|
||||
grid-column: 1/span 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#summary {
|
||||
grid-column: 3/span 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#description {
|
||||
grid-column: span 4;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.item {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
.small {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
#title {
|
||||
grid-column: 1/span 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#description {
|
||||
grid-column: 2/span 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#summary {
|
||||
grid-column: 1/span 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.list {
|
||||
grid-row: span 3;
|
||||
grid-column: span 1;
|
||||
}
|
||||
}
|
||||
.block__dictionary {
|
||||
max-width: 50rem;
|
||||
margin-left: auto;
|
||||
@ -259,6 +188,7 @@ p {
|
||||
p {
|
||||
margin: 0.75rem 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.style__italics {
|
||||
|
@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE;EACA,aAba;EAcb;EACA;EAAY;;;AAGd;EACE,aAjBW;EAkBX,aAXO;;;AAcT;EACE,aAtBW;EAuBX,aAlBU;EAmBV;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAON;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGJ;IACI;IACA;IACA;IACA;;;EAGF;IACE;;;AAIJ;EACE;IACA;;;EAGA;IACE;;;EAGF;IACE;IACA;;;EAGF;IACA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACA;;;EAGA;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EAEE;IACE;IACA;;;EAGD;IACC;IACA;;;EAGD;IACC;IACA;;;EAGF;IACA;IACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aA/MQ;EAgNR;EACA;EACA;;AAGA;EACA,aAvNa;EAwNb;;AAGA;EACA;EACA,aA7Na;;AAgOb;EACA;EAEA;EACA,aAlOW;EAmOX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,aAzQS;;;AA8Qb;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA9SU;EA+SV;EACA;EACA;;AAGA;EACA,aAtTe;EAuTf;;AAGA;EACA;EACA,aA5Te;;AA+Tf;EACA;EAEA;EACA,aAjUa;EAkUb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAnWa;EAoWb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aA7Wa;;;AAgXb;EACA,aAnXe;EAoXf;EACA","file":"base.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE;EACA,aAba;EAcb;EACA;EAAe;;;AAGjB;EACE,aAjBW;EAkBX,aAXO;;;AAcT;EACE,aAtBW;EAuBX,aAlBU;EAmBV;EACA;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAKA;EACE;;AACF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAnIQ;EAoIR;EACA;EACA;;AAGA;EACA,aA3Ia;EA4Ib;;AAGA;EACA;EACA,aAjJa;;AAoJb;EACA;EAEA;EACA,aAtJW;EAuJX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA,aA7LS;;;AAkMb;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aAnOU;EAoOV;EACA;EACA;;AAGA;EACA,aA3Oe;EA4Of;;AAGA;EACA;EACA,aAjPe;;AAoPf;EACA;EAEA;EACA,aAtPa;EAuPb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AAGF;EACA;EACA;EACA,aAxRa;EAyRb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAlSa;;;AAqSb;EACA,aAxSe;EAySf;EACA","file":"base.css"}
|
Reference in New Issue
Block a user