mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-06-10 21:01:41 +00:00
Code Issues Projects Releases Wiki Activity

🎨 Imported styles from codepen, addef'ns

Browse Source
This commit is contained in:
tatianamac
2019-09-01 03:13:01 +01:00
parent a7fd4a3230
commit dd29657d2d
4 changed files with 525 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
_site/css/base.css
View File

@ -1,5 +1,9 @@
@charset "UTF-8";
@import url("https://use.typekit.net/qlo3dpu.css");
:root {
--auto-grid-min-size: 32rem;
}
body {
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
font-size: 20px;
@ -10,7 +14,7 @@ h1 {
font-weight: 700;
}
h2, h3 {
.subtitle {
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
font-weight: 400;
letter-spacing: 0.1;
@ -37,6 +41,14 @@ li.subterm:before {
padding-right: 5px;
}
.grid {
display: grid;
grid-template-columns: repeat(4, [col] 1fr [col]);
grid-template-rows: fit-content, fit-content, auto;
grid-row-gap: 10rem;
grid-column-gap: 4rem;
}
.auto-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
@ -152,6 +164,78 @@ p {
font-style: italic;
}
.word__title {
font-family: orpheuspro, Palatino, Times, serif;
font-weight: 900;
font-size: 2.5rem;
line-height: 1.25;
}
.word__definition {
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
font-size: 1.5rem;
}
.word__speech {
font-size: 0.5em;
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
}
.word__signal {
border-top: 1px solid currentcolor;
display: inline-block;
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.15rem;
padding: 0.5rem 0.75rem;
}
.word__link {
text-decoration: none;
color: black;
border-bottom: darkgrey solid 0.1em;
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
}
.word__avoid {
color: red;
}
.word__avoid:before {
content: "🚨";
margin-left: -2.15rem;
}
.word__better {
color: green;
}
.word__better:before {
content: "👍";
margin-left: -2.15rem;
}
.block__dictionary {
max-width: 50rem;
margin-left: auto;
margin-right: auto;
padding: 0 1rem;
}
.auto-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
grid-gap: 1rem;
}
.block__word {
display: flex;
flex-direction: column;
margin: 1rem;
}
p {
margin: 0.75rem 0;
font-size: 1.25rem;
}
.style__italics {
font-style: italic;
}
.word__title {
font-family: orpheuspro, Palatino, Times, serif;
font-weight: 900;
@ -190,4 +274,31 @@ p {
margin-left: -2.15rem;
}
.word__issue {
text-align: right;
padding-right: 1rem;
font-family: monotype-grotesque-condensed, Arial Narrow, sans-serif;
font-size: 0.85rem;
text-transform: uppercase;
}
.word__link {
text-decoration: none;
color: black;
border-bottom: darkgrey solid 0.1em;
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
}
.block__issue {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: baseline;
}
.word__breakdown {
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
border-left: 0.1rem solid lightgrey;
padding-left: 1rem;
}
/*# sourceMappingURL=base.css.map */

2
_site/css/base.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AA2BV;EACE,aAZa;EAab;;;AAGF;EACE,aAfW;EAgBX,aATO;;;AAYT;EACE,aApBW;EAqBX,aAhBU;EAiBV;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;;;AAKF;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACE;;;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;;;AAKF;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIE;EACA,aAjLQ;EAkLR;EACA;EACA;;AAGA;EACA,aAzLa;EA0Lb;;AAGA;EACA;EACA,aA/La;;AAkMb;EACA;EAEA;EACA,aApMW;EAqMX;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA","file":"base.css"}
{"version":3,"sourceRoot":"","sources":["../scss/base.scss"],"names":[],"mappings":";AACU;AAIV;EACE;;;AA2BF;EACE,aAZa;EAab;;;AAGF;EACE,aAfW;EAgBX,aATO;;;AAYT;EACE,aApBW;EAqBX,aAhBU;EAiBV;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACA;;AAGA;EACA;;AAGA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAKF;EAEE;IACA;;;EAGA;IACA;;;EAGA;IACA;;;EAGA;IACE;IACA;;;EAGF;IACE;;;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,aAvLQ;EAwLR;EACA;EACA;;AAGA;EACA,aA/La;EAgMb;;AAGA;EACA;EACA,aArMa;;AAwMb;EACA;EAEA;EACA,aA1MW;EA2MX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aArNS;;AAwNX;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEE;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACA;EACA;EACA;;;AAGA;EACA;EACA;EACA;;;AAGA;EACA;EACA;;;AAGA;EACA;;;AAIA;EACA,aA1QU;EA2QV;EACA;EACA;;AAGA;EACA,aAlRe;EAmRf;;AAGA;EACA;EACA,aAxRe;;AA2Rf;EACA;EAEA;EACA,aA7Ra;EA8Rb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aAzTa;EA0Tb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAnUa;;;AAsUb;EACE;EACA;EACA;;;AAIF;EACA,aAhVe;EAiVf;EACA","file":"base.css"}