Dalston: More improvements to the editor and front end to make styles match Professional business

This commit is contained in:
Allan Cole 2019-08-15 13:25:10 -04:00
parent 8202101da0
commit bfb8e2f5e8
7 changed files with 357 additions and 200 deletions

View file

@ -62,6 +62,11 @@ if ( ! function_exists( 'dalston_setup' ) ) :
'slug' => 'primary',
'color' => '#0073AA',
),
array(
'name' => __( 'Secondary', 'dalston' ),
'slug' => 'secondary',
'color' => '#0D1B24',
),
array(
'name' => __( 'Dark Gray', 'dalston' ),
'slug' => 'foreground-dark',

View file

@ -12,7 +12,7 @@ $baseline-unit: 8px;
$typescale-root: 22px; // Set 16px/1em default on html
$typescale-base: 1rem; // Set 1em default on body == $typescale-root;
$typescale-ratio: 1.125; // Run ratio math on 1em == $typescale-base * $typescale-root;
$typescale-ratio: 1.15; // Run ratio math on 1em == $typescale-base * $typescale-root;
$config-global: (
@ -65,8 +65,8 @@ $config-global: (
"hover": #005177,
),
"secondary": (
"default": #0073AA,
"hover": #005177,
"default": #0d1b24,
"hover": #000000,
),
"foreground": (
"default": #1e1e1e,
@ -169,13 +169,13 @@ $config-button: (
),
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "ui"),
"size": map-deep-get($config-global, "font", "size", "md"),
"family": map-deep-get($config-global, "font", "family", "primary"),
"size": map-deep-get($config-global, "font", "size", "base"),
"weight": 600,
"line-height": 1,
),
// Borders
"border-radius": map-deep-get($config-global, "border-radius", "sm"),
"border-radius": 5px,
"border-width": 2px,
// Padding
"padding": (
@ -227,7 +227,7 @@ $config-heading: (
"h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
),
// Font Weight
"weight": normal,
"weight": 600,
),
);
@ -251,7 +251,7 @@ $config-pullquote: (
),
// Border
"color": (
"border": #{map-deep-get($config-global, "color", "border", "default")},
"border": transparent,
"background": #{map-deep-get($config-global, "color", "primary", "default")},
),
// Border
@ -285,7 +285,7 @@ $config-header: (
"branding": (
// Colors
"color": (
"text": map-deep-get($config-global, "color", "foreground", "light"),
"text": map-deep-get($config-global, "color", "foreground", "dark"),
"link": map-deep-get($config-global, "color", "foreground", "dark"),
"link-hover": map-deep-get($config-global, "color", "primary", "default"),
),
@ -304,7 +304,7 @@ $config-header: (
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "secondary"),
"size": map-deep-get($config-global, "font", "size", "sm"),
"size": map-deep-get($config-global, "font", "size", "xs"),
),
),
),

View file

@ -3,6 +3,10 @@
*/
// @import "";
$spacing_unit: map-deep-get($config-global, "spacing", "unit");
$spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
a {
text-decoration: none;
}
@ -32,7 +36,7 @@ a {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
grid-column-gap: $spacing_unit;
grid-template-areas:
"site-logo site-logo"
"site-title main-navigation"
@ -51,7 +55,7 @@ a {
.site-logo {
grid-area: site-logo;
margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
margin-bottom: $spacing_unit;
}
.site-title {
@ -75,13 +79,13 @@ a {
& > div > ul {
justify-content: flex-end;
margin-left: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
margin-right: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
margin-left: -#{0.5 * $spacing_horizontal};
margin-right: -#{0.5 * $spacing_horizontal};
& > li {
& > a {
padding: 0 #{map-deep-get($config-header, "main-nav", "link-padding")};
padding: 0 #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")};
}
}
@ -99,13 +103,13 @@ a {
overflow: hidden;
&:before {
border-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid #{map-deep-get($config-global, "color", "primary", "default")};
border-left: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
border-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
border-bottom: #{0.5 * $spacing_unit} solid #{map-deep-get($config-global, "color", "primary", "default")};
border-left: #{0.5 * $spacing_unit} solid transparent;
border-right: #{0.5 * $spacing_unit} solid transparent;
content: "";
display: block;
margin-left: #{map-deep-get($config-global, "spacing", "unit")};
width: #{map-deep-get($config-global, "spacing", "unit")};
margin-left: #{$spacing_unit};
width: #{$spacing_unit};
}
}
@ -151,3 +155,43 @@ a {
margin-top: -#{map-deep-get($config-global, "spacing", "unit")};
}
/**
* Content
*/
.site-main > article > .entry-header {
margin: #{3 * $spacing_unit} $spacing_unit $spacing_unit;
position: relative;
}
@include media(mobile) {
.site-main > article > .entry-header {
margin: #{3 * $spacing_vertical} auto #{2 * $spacing_unit};
}
}
.entry-title {
font-size: map-deep-get($config-global, "font", "size", "xxxxl");
font-weight: 600;
}
/**
* Blocks
*/
.entry .entry-content .wp-block-media-text {
background: #{map-deep-get($config-global, "color", "secondary", "default")};
color: #{map-deep-get($config-global, "color", "background", "default")};
position: relative;
&:before {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #{map-deep-get($config-global, "color", "background", "default")};
z-index: 1;
}
}

View file

@ -35,6 +35,24 @@
/**
* Extras
*/
.editor-post-title__input {
text-align: center;
.editor-post-title__block .editor-post-title__input {
font-weight: 600;
}
.wp-block-media-text {
background: #{map-deep-get($config-global, "color", "secondary", "default")};
color: #{map-deep-get($config-global, "color", "background", "default")};
position: relative;
&:before {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #{map-deep-get($config-global, "color", "background", "default")};
z-index: 1;
}
}

View file

@ -213,14 +213,14 @@ blockquote {
}
blockquote p {
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
blockquote cite,
blockquote footer {
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -242,7 +242,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -250,13 +250,13 @@ blockquote.alignleft p, blockquote.alignright p {
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: 0.79012rem;
font-size: 0.75614rem;
letter-spacing: normal;
}
figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -306,11 +306,11 @@ object {
.wp-block-button .wp-block-button__link {
color: #FFFFFF;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125em;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1em;
line-height: 1;
background-color: #0073AA;
border-radius: 11px;
border-radius: 5px;
padding: 16px 16px;
}
@ -360,7 +360,7 @@ object {
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 1.80203em;
font-size: 2.01136em;
letter-spacing: normal;
line-height: 1.2;
padding: 0;
@ -390,42 +390,42 @@ object {
.wp-block-heading h5, h5, .h5,
.wp-block-heading h6, h6, .h6 {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
font-weight: 600;
clear: both;
}
.wp-block-heading h1, h1, .h1 {
font-size: 2.02729em;
font-size: 2.31306em;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-heading h2, h2, .h2 {
font-size: 1.80203em;
font-size: 2.01136em;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-heading h3, h3, .h3 {
font-size: 1.60181em;
font-size: 1.74901em;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-heading h4, h4, .h4 {
font-size: 1.42383em;
font-size: 1.52087em;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-heading h5, h5, .h5 {
font-size: 1.26562em;
font-size: 1.3225em;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-heading h6, h6, .h6 {
font-size: 1.125em;
font-size: 1.15em;
letter-spacing: normal;
line-height: 1.2;
}
@ -471,9 +471,9 @@ p.has-background:not(.has-background-background-color) a {
margin-left: 0;
margin-right: 0;
text-align: center;
border-top-color: #CCCCCC;
border-top-color: transparent;
border-top-width: 4px;
border-bottom-color: #CCCCCC;
border-bottom-color: transparent;
border-bottom-width: 4px;
color: #1e1e1e;
/**
@ -487,7 +487,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383em;
font-size: 1.52087em;
letter-spacing: normal;
line-height: 1.2;
}
@ -500,7 +500,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #767676;
font-size: 0.88889em;
font-size: 0.86957em;
letter-spacing: normal;
}
@ -546,7 +546,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383em;
font-size: 1.52087em;
letter-spacing: normal;
}
@ -557,7 +557,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.60181em;
font-size: 1.74901em;
letter-spacing: normal;
line-height: 1.2;
}
@ -608,8 +608,8 @@ table th,
.editor-post-title__block .editor-post-title__input {
color: #1e1e1e;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
font-size: 1.80203em;
font-weight: 600;
font-size: 2.01136em;
letter-spacing: normal;
line-height: 1.2;
}
@ -619,7 +619,7 @@ table th,
}
.has-secondary-color[class] {
color: #0073AA !important;
color: #0d1b24 !important;
}
.has-foreground-color[class] {
@ -657,7 +657,7 @@ table th,
}
.has-secondary-background-color[class] {
background-color: #0073AA !important;
background-color: #0d1b24 !important;
color: #FFFFFF;
}
@ -728,33 +728,33 @@ table th,
.is-small-text,
.has-small-font-size {
font-size: 0.88889em;
font-size: 0.86957em;
}
.is-regular-text,
.has-regular-font-size,
.has-normal-font-size,
.has-medium-font-size {
font-size: 1.125em;
font-size: 1.15em;
}
.is-large-text,
.has-large-font-size {
font-size: 1.26562em;
font-size: 1.3225em;
line-height: 1.2;
}
.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
font-size: 1.42383em;
font-size: 1.52087em;
line-height: 1.2;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: calc(2 * 2.02729em);
font-weight: normal;
font-size: calc(2 * 2.31306em);
font-weight: 600;
}
/**
@ -865,6 +865,23 @@ table th,
/**
* Extras
*/
.editor-post-title__input {
text-align: center;
.editor-post-title__block .editor-post-title__input {
font-weight: 600;
}
.wp-block-media-text {
background: #0d1b24;
color: #FFFFFF;
position: relative;
}
.wp-block-media-text:before {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #FFFFFF;
z-index: 1;
}

View file

@ -588,7 +588,7 @@ html {
* HTML resets
*/
html {
font-size: 19.55556px;
font-size: 19.13043px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
line-height: 1.6;
}
@ -646,7 +646,7 @@ a {
clip-path: none;
color: #1e1e1e;
display: block;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: bold;
height: auto;
right: 5px;
@ -912,14 +912,14 @@ blockquote {
}
blockquote p {
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
blockquote cite,
blockquote footer {
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: 0.79012rem;
font-size: 0.75614rem;
letter-spacing: normal;
}
@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -1077,8 +1077,8 @@ input[type="submit"],
color: #FFFFFF;
cursor: pointer;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125rem;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1rem;
background-color: #0073AA;
border-radius: 11px;
border-width: 0;
@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
.wp-block-code {
color: #1e1e1e;
font-size: 0.88889rem;
font-size: 0.86957rem;
padding: 16px;
border-color: #CCCCCC;
}
@ -1248,7 +1248,7 @@ input.has-focus[type="submit"],
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
max-width: inherit;
@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
.wp-block-file .wp-block-file__button {
background-color: #0073AA;
color: #FFFFFF;
font-size: 0.88889rem;
font-size: 0.86957rem;
margin-right: 16px;
margin-left: 16px;
}
@ -1345,7 +1345,7 @@ input.has-focus[type="submit"],
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: white;
font-size: 0.79012rem;
font-size: 0.75614rem;
}
.wp-block-gallery .blocks-gallery-image,
@ -1421,49 +1421,49 @@ h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
font-weight: 600;
clear: both;
}
h1, .h1 {
font-size: 2.02729rem;
font-size: 2.31306rem;
letter-spacing: normal;
line-height: 1.2;
}
h2, .h2 {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
h3, .h3 {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1.2;
}
h4, .h4 {
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
h5, .h5 {
font-size: 1.26562rem;
font-size: 1.3225rem;
letter-spacing: normal;
line-height: 1.2;
}
h6, .h6 {
font-size: 1.125rem;
font-size: 1.15rem;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-image figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -1481,7 +1481,7 @@ img {
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
/* Vertical margins logic */
margin-top: 32px;
@ -1502,11 +1502,11 @@ img {
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1531,19 +1531,19 @@ img {
.wp-block-latest-posts > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-weight: normal;
font-size: 1.52087rem;
font-weight: 600;
line-height: 1.2;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.6;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
background-color: #0073AA;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: bold;
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1;
padding: calc(0.5 * 16px) calc(0.66 * 16px);
}
@ -1725,7 +1725,7 @@ p.has-background:not(.has-background-background-color) a {
.a8c-posts-list__item .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.a8c-posts-list__item .a8c-posts-list-item__meta a {
@ -1749,9 +1749,9 @@ p.has-background:not(.has-background-background-color) a {
margin-right: 0;
margin-left: 0;
text-align: center;
border-top-color: #CCCCCC;
border-top-color: transparent;
border-top-width: 4px;
border-bottom-color: #CCCCCC;
border-bottom-color: transparent;
border-bottom-width: 4px;
color: #1e1e1e;
/**
@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1774,7 +1774,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
display: block;
}
@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1845,7 +1845,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote cite,
.wp-block-quote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1866,7 +1866,7 @@ p.has-background:not(.has-background-background-color) a {
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1877,7 +1877,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1900,9 +1900,9 @@ hr.is-style-wide {
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #CCCCCC;
font-size: 1.42383rem;
letter-spacing: 0.88889rem;
padding-right: 0.88889rem;
font-size: 1.52087rem;
letter-spacing: 0.86957rem;
padding-right: 0.86957rem;
}
.wp-block-jetpack-slideshow ul {
@ -1950,7 +1950,7 @@ table th,
.wp-block-video figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -2009,7 +2009,7 @@ table th,
}
.has-secondary-color[class] {
color: #0073AA !important;
color: #0d1b24 !important;
}
.has-foreground-color[class] {
@ -2046,7 +2046,7 @@ table th,
}
.has-secondary-background-color[class] {
background-color: #0073AA !important;
background-color: #0d1b24 !important;
color: #FFFFFF;
}
@ -2110,7 +2110,7 @@ table th,
.is-small-text,
.has-small-font-size {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.is-regular-text,
@ -2122,21 +2122,21 @@ table th,
.is-large-text,
.has-large-font-size {
font-size: 1.26562rem;
font-size: 1.3225rem;
line-height: 1.2;
}
.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
font-size: 1.42383rem;
font-size: 1.52087rem;
line-height: 1.2;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: calc(2 * 2.02729rem);
font-weight: normal;
font-size: calc(2 * 2.31306rem);
font-weight: 600;
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
@ -2275,13 +2275,13 @@ table th,
* - Similar to Blocks but exist outside of the "current" editor context
*/
.site-branding {
color: #767676;
color: #000000;
}
.site-title {
color: #000000;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
letter-spacing: normal;
line-height: 1;
}
@ -2302,7 +2302,7 @@ table th,
.site-description {
color: currentColor;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.75614rem;
}
.main-navigation {
@ -2485,7 +2485,7 @@ table th,
.main-navigation > div > ul > .menu-item-has-children > a::after {
content: "\00a0\25BC";
display: inline-block;
font-size: 0.79012rem;
font-size: 0.75614rem;
height: inherit;
width: inherit;
}
@ -2535,7 +2535,7 @@ table th,
.site-info {
color: #767676;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
@media only screen and (min-width: 640px) {
@ -2602,7 +2602,7 @@ table th,
.footer-navigation .footer-menu a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.86957rem;
font-weight: 600;
padding: 16px;
color: currentColor;
@ -2617,7 +2617,7 @@ table th,
}
.entry-title {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -2627,7 +2627,7 @@ table th,
color: #767676;
clear: both;
float: none;
font-size: 0.88889rem;
font-size: 0.86957rem;
display: block;
}
@ -2726,17 +2726,17 @@ table th,
}
.author-bio .author-title {
font-size: 1.60181rem;
font-size: 1.74901rem;
}
/* Next/Previous navigation */
.post-navigation .meta-nav {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.post-navigation .post-title {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.26562rem;
font-size: 1.3225rem;
font-weight: 600;
}
@ -2763,7 +2763,7 @@ table th,
.pagination .nav-links > * {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: 600;
padding-right: calc(0.66 * 16px);
padding-left: calc(0.66 * 16px);
@ -2811,12 +2811,12 @@ table th,
* Comment Title
*/
.comments-title {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
}
.comment-reply-title {
font-size: 1.42383rem;
font-size: 1.52087rem;
display: flex;
justify-content: space-between;
align-items: center;
@ -2918,7 +2918,7 @@ table th,
.comment-metadata,
.reply {
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.2;
}
@ -3046,7 +3046,7 @@ table th,
*/
.comment-navigation a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: 600;
}
@ -3078,13 +3078,13 @@ img#wpstats {
background-color: #0073AA;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: bold;
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1;
padding: calc(0.5 * 16px) calc(0.66 * 16px);
}
.page-title {
font-size: 1.42383rem;
font-size: 1.52087rem;
}
/**
@ -3453,16 +3453,11 @@ a {
margin-left: -8px;
}
.site-header .main-navigation > div > ul > li > a {
padding: 0 16px;
padding: 0 8px;
}
.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
font-size: 0.5rem;
}
.site-header .main-navigation > div > ul > li:hover > a,
.site-header .main-navigation > div > ul > li.focus > a,
.site-header .main-navigation > div > ul > li.current-menu-item > a {
color: #0073AA;
}
.site-header .main-navigation > div > ul > li:hover > ul,
.site-header .main-navigation > div > ul > li.focus > ul,
.site-header .main-navigation > div > ul > li.current-menu-item > ul {
@ -3512,9 +3507,48 @@ a {
* Site Title
*/
.site-description {
color: #767676;
color: #000000;
}
.site-title + .site-description {
margin-top: -16px;
}
/**
* Content
*/
.site-main > article > .entry-header {
margin: 48px 16px 16px;
position: relative;
}
@media only screen and (min-width: 560px) {
.site-main > article > .entry-header {
margin: 96px auto 32px;
}
}
.entry-title {
font-size: 2.31306rem;
font-weight: 600;
}
/**
* Blocks
*/
.entry .entry-content .wp-block-media-text {
background: #0d1b24;
color: #FFFFFF;
position: relative;
}
.entry .entry-content .wp-block-media-text:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
border: 1px solid #FFFFFF;
z-index: 1;
}

View file

@ -588,7 +588,7 @@ html {
* HTML resets
*/
html {
font-size: 19.55556px;
font-size: 19.13043px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
line-height: 1.6;
}
@ -646,7 +646,7 @@ a {
clip-path: none;
color: #1e1e1e;
display: block;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: bold;
height: auto;
left: 5px;
@ -912,14 +912,14 @@ blockquote {
}
blockquote p {
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
blockquote cite,
blockquote footer {
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: 0.79012rem;
font-size: 0.75614rem;
letter-spacing: normal;
}
@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -1077,10 +1077,10 @@ input[type="submit"],
color: #FFFFFF;
cursor: pointer;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.125rem;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1rem;
background-color: #0073AA;
border-radius: 11px;
border-radius: 5px;
border-width: 0;
padding: 16px 16px;
}
@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
.wp-block-code {
color: #1e1e1e;
font-size: 0.88889rem;
font-size: 0.86957rem;
padding: 16px;
border-color: #CCCCCC;
}
@ -1248,7 +1248,7 @@ input.has-focus[type="submit"],
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
max-width: inherit;
@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
.wp-block-file .wp-block-file__button {
background-color: #0073AA;
color: #FFFFFF;
font-size: 0.88889rem;
font-size: 0.86957rem;
margin-left: 16px;
margin-right: 16px;
}
@ -1345,7 +1345,7 @@ input.has-focus[type="submit"],
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: white;
font-size: 0.79012rem;
font-size: 0.75614rem;
}
.wp-block-gallery .blocks-gallery-image,
@ -1421,49 +1421,49 @@ h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
font-weight: 600;
clear: both;
}
h1, .h1 {
font-size: 2.02729rem;
font-size: 2.31306rem;
letter-spacing: normal;
line-height: 1.2;
}
h2, .h2 {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
h3, .h3 {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1.2;
}
h4, .h4 {
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
h5, .h5 {
font-size: 1.26562rem;
font-size: 1.3225rem;
letter-spacing: normal;
line-height: 1.2;
}
h6, .h6 {
font-size: 1.125rem;
font-size: 1.15rem;
letter-spacing: normal;
line-height: 1.2;
}
.wp-block-image figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -1481,7 +1481,7 @@ img {
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
/* Vertical margins logic */
margin-top: 32px;
@ -1502,11 +1502,11 @@ img {
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1531,19 +1531,19 @@ img {
.wp-block-latest-posts > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-weight: normal;
font-size: 1.52087rem;
font-weight: 600;
line-height: 1.2;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.6;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
background-color: #0073AA;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: bold;
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1;
padding: calc(0.5 * 16px) calc(0.66 * 16px);
}
@ -1725,7 +1725,7 @@ p.has-background:not(.has-background-background-color) a {
.a8c-posts-list__item .a8c-posts-list-item__meta {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.a8c-posts-list__item .a8c-posts-list-item__meta a {
@ -1749,9 +1749,9 @@ p.has-background:not(.has-background-background-color) a {
margin-left: 0;
margin-right: 0;
text-align: center;
border-top-color: #CCCCCC;
border-top-color: transparent;
border-top-width: 4px;
border-bottom-color: #CCCCCC;
border-bottom-color: transparent;
border-bottom-width: 4px;
color: #1e1e1e;
/**
@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1774,7 +1774,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
display: block;
}
@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote p {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-size: 1.52087rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1845,7 +1845,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote cite,
.wp-block-quote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1866,7 +1866,7 @@ p.has-background:not(.has-background-background-color) a {
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -1877,7 +1877,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1900,9 +1900,9 @@ hr.is-style-wide {
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #CCCCCC;
font-size: 1.42383rem;
letter-spacing: 0.88889rem;
padding-left: 0.88889rem;
font-size: 1.52087rem;
letter-spacing: 0.86957rem;
padding-left: 0.86957rem;
}
.wp-block-jetpack-slideshow ul {
@ -1950,7 +1950,7 @@ table th,
.wp-block-video figcaption {
color: #767676;
font-size: 0.79012rem;
font-size: 0.75614rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
text-align: center;
@ -2014,7 +2014,7 @@ table th,
}
.has-secondary-color[class] {
color: #0073AA !important;
color: #0d1b24 !important;
}
.has-foreground-color[class] {
@ -2051,7 +2051,7 @@ table th,
}
.has-secondary-background-color[class] {
background-color: #0073AA !important;
background-color: #0d1b24 !important;
color: #FFFFFF;
}
@ -2115,7 +2115,7 @@ table th,
.is-small-text,
.has-small-font-size {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.is-regular-text,
@ -2127,21 +2127,21 @@ table th,
.is-large-text,
.has-large-font-size {
font-size: 1.26562rem;
font-size: 1.3225rem;
line-height: 1.2;
}
.is-larger-text,
.has-larger-font-size,
.has-huge-font-size {
font-size: 1.42383rem;
font-size: 1.52087rem;
line-height: 1.2;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: calc(2 * 2.02729rem);
font-weight: normal;
font-size: calc(2 * 2.31306rem);
font-weight: 600;
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
@ -2280,13 +2280,13 @@ table th,
* - Similar to Blocks but exist outside of the "current" editor context
*/
.site-branding {
color: #767676;
color: #000000;
}
.site-title {
color: #000000;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
letter-spacing: normal;
line-height: 1;
}
@ -2307,7 +2307,7 @@ table th,
.site-description {
color: currentColor;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.75614rem;
}
.main-navigation {
@ -2490,7 +2490,7 @@ table th,
.main-navigation > div > ul > .menu-item-has-children > a::after {
content: "\00a0\25BC";
display: inline-block;
font-size: 0.79012rem;
font-size: 0.75614rem;
height: inherit;
width: inherit;
}
@ -2540,7 +2540,7 @@ table th,
.site-info {
color: #767676;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.86957rem;
}
@media only screen and (min-width: 640px) {
@ -2607,7 +2607,7 @@ table th,
.footer-navigation .footer-menu a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.88889rem;
font-size: 0.86957rem;
font-weight: 600;
padding: 16px;
color: currentColor;
@ -2622,7 +2622,7 @@ table th,
}
.entry-title {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -2632,7 +2632,7 @@ table th,
color: #767676;
clear: both;
float: none;
font-size: 0.88889rem;
font-size: 0.86957rem;
display: block;
}
@ -2731,17 +2731,17 @@ table th,
}
.author-bio .author-title {
font-size: 1.60181rem;
font-size: 1.74901rem;
}
/* Next/Previous navigation */
.post-navigation .meta-nav {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.post-navigation .post-title {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.26562rem;
font-size: 1.3225rem;
font-weight: 600;
}
@ -2768,7 +2768,7 @@ table th,
.pagination .nav-links > * {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: 600;
padding-left: calc(0.66 * 16px);
padding-right: calc(0.66 * 16px);
@ -2816,12 +2816,12 @@ table th,
* Comment Title
*/
.comments-title {
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
}
.comment-reply-title {
font-size: 1.42383rem;
font-size: 1.52087rem;
display: flex;
justify-content: space-between;
align-items: center;
@ -2923,7 +2923,7 @@ table th,
.comment-metadata,
.reply {
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.2;
}
@ -3051,7 +3051,7 @@ table th,
*/
.comment-navigation a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: 600;
}
@ -3083,13 +3083,13 @@ img#wpstats {
background-color: #0073AA;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: bold;
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1;
padding: calc(0.5 * 16px) calc(0.66 * 16px);
}
.page-title {
font-size: 1.42383rem;
font-size: 1.52087rem;
}
/**
@ -3458,7 +3458,7 @@ a {
margin-right: -8px;
}
.site-header .main-navigation > div > ul > li > a {
padding: 0 16px;
padding: 0 8px;
}
.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
font-size: 0.5rem;
@ -3512,9 +3512,48 @@ a {
* Site Title
*/
.site-description {
color: #767676;
color: #000000;
}
.site-title + .site-description {
margin-top: -16px;
}
/**
* Content
*/
.site-main > article > .entry-header {
margin: 48px 16px 16px;
position: relative;
}
@media only screen and (min-width: 560px) {
.site-main > article > .entry-header {
margin: 96px auto 32px;
}
}
.entry-title {
font-size: 2.31306rem;
font-weight: 600;
}
/**
* Blocks
*/
.entry .entry-content .wp-block-media-text {
background: #0d1b24;
color: #FFFFFF;
position: relative;
}
.entry .entry-content .wp-block-media-text:before {
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #FFFFFF;
z-index: 1;
}