🎨 Added small styling

This commit is contained in:
tatianamac
2019-09-01 03:22:41 +01:00
parent dd29657d2d
commit 2ef568a20b
5 changed files with 309 additions and 134 deletions

View File

@ -5,8 +5,11 @@
}
body {
border-top: 1rem solid red;
font-family: monotype-grotesque, "Lucida Sans", sans-serif;
font-size: 20px;
padding: 0;
margin: 0;
}
h1 {
@ -73,8 +76,11 @@ li.subterm:before {
margin: 0;
}
h1 {
font-size: 3em;
.title__thicc {
font-size: 9vw;
line-height: 0.75;
padding: 0;
margin: -1.5rem -2rem;
}
h2 {

View File

@ -1 +1 @@
{"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"}
{"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;;;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;;;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,aA5LQ;EA6LR;EACA;EACA;;AAGA;EACA,aApMa;EAqMb;;AAGA;EACA;EACA,aA1Ma;;AA6Mb;EACA;EAEA;EACA,aA/MW;EAgNX;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA,aA1NS;;AA6NX;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,aA/QU;EAgRV;EACA;EACA;;AAGA;EACA,aAvRe;EAwRf;;AAGA;EACA;EACA,aA7Re;;AAgSf;EACA;EAEA;EACA,aAlSa;EAmSb;EACA;EACA;EACA;;AAEE;EACE;;AAEA;EACE;EACA;;AAIJ;EACA;;AAEA;EACE;EACA;;;AAMJ;EACA;EACA;EACA,aA9Ta;EA+Tb;EACA;;;AAGA;EACA;EACA;EACA;EACA,aAxUa;;;AA2Ub;EACE;EACA;EACA;;;AAIF;EACA,aArVe;EAsVf;EACA","file":"base.css"}

View File

@ -10,13 +10,12 @@
</head>
<body>
<main>
<section id="title" class="grid">
<h1>Self-Defined</h1>
<section id="title" class="auto-grid">
<h1 class="title__thicc">Self-Defined</h1>
<p>
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br/>For now, this stands as a list only, from which you can self-educate.
Future phases will include definitions and resources.</p>
<p>
<span class="subtitle">Participate</span><br/>
<span class="subtitle">A modern dictionary about us. We define our words, but they don't define us.</span><br>For now, this stands as a list only, from which you can self-educate.
Future phases will include definitions and resources.<br><br>
<span class="subtitle">Participate</span><br>
Send unlisted words to or chat about volunteering to help: <a href="http://www.twitter.com/tatianatmac" target="_blank">@tatianatmac on Twitter</a>.</p>
</section>
<div class="grid">

View File

@ -32,8 +32,10 @@
$bold: 700;
body {
border-top: 1rem solid red;
font-family: $sans-serif;
font-size: 20px;
padding: 0; margin:0;
}
h1 {
@ -107,8 +109,11 @@ li {
margin: 0;
}
h1 {
font-size: 3em;
.title__thicc {
font-size: 9vw;
line-height: .75;
padding: 0;
margin: -1.5rem -2rem;
}
h2 {