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

⚙️ Add stylelint and base configuration (see #74) (#92)

Browse Source 
* tooling: add stylelint and base configuration (see #74)

* Autofix with stylelint on commit
This commit is contained in:
Ned Zimmerman
2020-03-07 11:23:05 -07:00
committed by GitHub
parent ca07ab31f6
commit 86713728a4
18 changed files with 1593 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/components/_definitions.scss
View File

@ -1,21 +1,20 @@
.word__type {
text-align: right;
padding-right: 1rem;
font-family: $con-sans;
font-size: 0.85rem;
padding-right: 1rem;
text-align: right;
text-transform: uppercase;
}
.word__link {
text-decoration: none;
color: black;
border-bottom: darkgrey solid 0.1em;
color: black;
font-family: $ext-sans;
text-decoration: none;
}
.word__breakdown {
font-family: $sans-serif;
border-left: 0.1rem solid lightgrey;
font-family: $sans-serif;
padding-left: 1rem;
}

6
assets/css/components/_flag.scss
View File

@ -1,14 +1,14 @@
.flag__red {
background-color: rgb(255, 192, 203);
border-radius: 1rem;
font-size: 0.9rem;
font-weight: bold;
border-radius: 1rem;
padding: 0.45rem 0.65rem;
margin: 0.25rem 0.75rem;
padding: 0.45rem 0.65rem;
text-transform: lowercase;
&:before {
@include icon__avoid();
@include icon__embed();
}
}
}

6
assets/css/components/_lists.scss
View File

@ -1,6 +1,6 @@
ol {
padding: 0 0 0 1em;
margin: 0;
padding: 0 0 0 1em;
}
li {
@ -20,11 +20,11 @@
padding-right: pxToRem(5);
}
}
.list-semicolon {
list-style: none;
margin: 0;
padding: 0;
list-style: none;
& > li {
display: inline;

16
assets/css/components/_word.scss
View File

@ -3,8 +3,8 @@
&__title {
font-family: $serif;
font-weight: 900;
font-size: 2.5rem;
font-weight: 900;
line-height: 1.25;
margin-bottom: 1rem;
margin-top: 0;
@ -16,8 +16,8 @@
@supports (display: grid) {
// align-items: flex-start;
display: grid;
grid-template-columns: 1fr 4fr;
grid-gap: 1rem;
grid-template-columns: 1fr 4fr;
& > * {
margin: 0;
@ -25,17 +25,17 @@
}
& > p {
grid-column: 1 / -1;
font-family: $sans-serif;
font-size: 1.5rem;
grid-column: 1 / -1;
}
& h4 {
grid-column: 1;
flex: 0 1 auto;
font-family: $con-sans;
font-size: 0.85rem;
font-weight: normal;
flex: 0 1 auto;
grid-column: 1;
text-transform: uppercase;
transform: translateY(0.4em);
@ -51,16 +51,16 @@
& h4 ~ p,
& h4 ~ ul {
font-size: inherit;
// border-left: 0.1rem solid lightgrey;
// padding-left: 1rem;
grid-column: 2;
font-size: inherit;
}
}
&__speech {
font-size: 0.5em;
font-family: $sans-serif;
font-size: 0.5em;
}
&__signal {
@ -68,10 +68,10 @@
color: var(--word-signal-color);
display: inline-block;
font-family: $ext-sans;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.15rem;
padding: 0.5rem 0.75rem;
text-transform: uppercase;
&--avoid {
--word-signal-color: #a40000;