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

styles: delete duplicated defintions, apply global link styles

Browse Source
This commit is contained in:
Oscar 2019-11-12 20:47:01 +01:00
parent 8307168459
commit 0c9eb8fbcf
1 changed files with 19 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
_site/scss/base.scss
View File

@ -66,6 +66,24 @@ h1 {
font-weight: $bold;
}
p {
margin: 0.75rem 0;
font-size: 1.25rem;
line-height: 1.25;
}
a {
text-decoration: none;
color: black;
border-bottom: darkgrey solid 0.1em;
font-family: $ext-sans;
margin: 1rem 0;
&:hover {
border-bottom: red solid 0.1rem;
}
}
.subtitle {
font-family: $ext-sans;
font-weight: $regular;
@ -154,24 +172,6 @@ h1 {
}
}
.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;
}
@ -267,18 +267,6 @@ p {
}
}
}
&__link {
text-decoration: none;
color: black;
border-bottom: darkgrey solid 0.1em;
font-family: $ext-sans;
margin: 1rem 0;
&:hover {
border-bottom: red solid 0.1rem;
}
}
}
.block__dictionary {
@ -288,15 +276,6 @@ p {
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 {
grid-column: span 2;
display: flex;
@ -304,64 +283,6 @@ p {
margin: 1rem;
}
p {
margin: 0.75rem 0;
font-size: 1.25rem;
line-height: 1.25;
}
.style__italics {
font-style: italic;
}
.word {
&__title {
font-family: $serif;
font-weight: 900;
font-size: 2.5rem;
line-height: 1.25;
}
&__definition {
font-family: $sans-serif;
font-size: 1.5rem;
}
&__speech {
font-size: 0.5em;
font-family: $sans-serif;
}
&__signal {
border-top: 1px solid currentcolor;
// border-radius: 100px;
display: inline-block;
font-family: $ext-sans;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.15rem;
padding: 0.5rem 0.75rem;
&__avoid {
color: red;
&:before {
content: '🚨';
margin-left: -2.15rem;
}
}
&__better {
color: green;
&:before {
content: '👍';
margin-left: -2.15rem;
}
}
}
}
.block__type {
display: grid;
grid-template-columns: 1fr 4fr;
@ -397,6 +318,7 @@ p {
padding: 0.45rem 0.65rem;
margin: 0.25rem 0.75rem;
text-transform: lowercase;
&:before {
@include icon__avoid();
@include icon__embed();