mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-06-11 05:11:40 +00:00
🦝 Install eleventy
This commit is contained in:
193
_site/css/base.css
Normal file
193
_site/css/base.css
Normal file
@ -0,0 +1,193 @@
|
||||
@charset "UTF-8";
|
||||
@import url("https://use.typekit.net/qlo3dpu.css");
|
||||
body {
|
||||
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
font-family: monotype-grotesque-extended, Arial Black, sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0 0 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding-bottom: 0.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
li.subterm {
|
||||
padding-left: 10px;
|
||||
}
|
||||
li:last-child {
|
||||
padding: 0;
|
||||
}
|
||||
li.subterm:before {
|
||||
content: "↳";
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.auto-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
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;
|
||||
margin-right: auto;
|
||||
padding: 0 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;
|
||||
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__signal__avoid {
|
||||
color: red;
|
||||
}
|
||||
.word__signal__avoid:before {
|
||||
content: "🚨";
|
||||
margin-left: -2.15rem;
|
||||
}
|
||||
.word__signal__better {
|
||||
color: green;
|
||||
}
|
||||
.word__signal__better:before {
|
||||
content: "👍";
|
||||
margin-left: -2.15rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=base.css.map */
|
Reference in New Issue
Block a user