fix styling

This commit is contained in:
Ray Elliott 2020-05-08 10:08:23 +00:00
parent 7b0008b261
commit 028fb126ce
7 changed files with 607 additions and 927 deletions

View File

@ -8,6 +8,7 @@
"rules": { "rules": {
"block-no-empty": null, "block-no-empty": null,
"no-duplicate-selectors": null, "no-duplicate-selectors": null,
"no-descending-specificity": null,
"font-family-no-duplicate-names": null, "font-family-no-duplicate-names": null,
"declaration-block-no-duplicate-properties": [ "declaration-block-no-duplicate-properties": [
true, true,

View File

@ -1,27 +1,27 @@
.site { .site {
display: grid; display: grid;
grid-template-columns: auto ($size__site-sidebar); grid-template-columns: auto ($size__site-sidebar);
grid-template-areas: grid-template-areas:
"header header" "header header"
"main sidebar" "main sidebar"
"footer footer"; "footer footer";
} }
.site-header { .site-header {
grid-area: header; grid-area: header;
} }
.site-main { .site-main {
grid-area: main; grid-area: main;
overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */ overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
} }
.widget-area { .widget-area {
grid-area: sidebar; grid-area: sidebar;
} }
.site-footer { .site-footer {
grid-area: footer; grid-area: footer;
} }
@import "no-sidebar"; @import "no-sidebar";

View File

@ -30,7 +30,9 @@
line-height: 1.618; line-height: 1.618;
font-size: 1em; font-size: 1em;
width: 5.3em; width: 5.3em;
/* stylelint-disable font-family-no-missing-generic-family-keyword */
font-family: star; font-family: star;
/* stylelint-enable */
font-weight: 400; font-weight: 400;
&::before { &::before {
@ -81,7 +83,9 @@ p.stars {
width: 1em; width: 1em;
height: 1em; height: 1em;
line-height: 1; line-height: 1;
/* stylelint-disable font-family-no-missing-generic-family-keyword */
font-family: star; font-family: star;
/* stylelint-enable */
content: "\53"; content: "\53";
color: $color__text-main; color: $color__text-main;
text-indent: 0; text-indent: 0;

View File

@ -1,53 +1,55 @@
p { p {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
dfn, dfn,
cite, cite,
em, em,
i { i {
font-style: italic; font-style: italic;
} }
blockquote { blockquote {
margin: 0 1.5em; margin: 0 1.5em;
} }
address { address {
margin: 0 0 1.5em; margin: 0 0 1.5em;
} }
pre { pre {
background: $color__background-pre; background: $color__background-pre;
@include font-pre;
font-size: 0.9375rem; @include font-pre;
line-height: $font__line-height-pre; font-size: 0.9375rem;
margin-bottom: 1.6em; line-height: $font__line-height-pre;
max-width: 100%; margin-bottom: 1.6em;
overflow: auto; max-width: 100%;
padding: 1.6em; overflow: auto;
padding: 1.6em;
} }
code, code,
kbd, kbd,
tt, tt,
var { var {
@include font-code;
font-size: 0.9375rem; @include font-code;
font-size: 0.9375rem;
} }
abbr, abbr,
acronym { acronym {
border-bottom: 1px dotted $color__border-abbr; border-bottom: 1px dotted $color__border-abbr;
cursor: help; cursor: help;
} }
mark, mark,
ins { ins {
background: $color__background-ins; background: $color__background-ins;
text-decoration: none; text-decoration: none;
} }
big { big {
font-size: 125%; font-size: 125%;
} }

View File

@ -4,10 +4,11 @@ input,
select, select,
optgroup, optgroup,
textarea { textarea {
color: $color__text-main; color: $color__text-main;
@include font-body;
font-size: 1rem; @include font-body;
line-height: $font__line-height-body; font-size: 1rem;
line-height: $font__line-height-body;
} }
@import "headings"; @import "headings";

732
style.css

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long