Dalston: Add custom “Project” column block style.

This commit is contained in:
Allan Cole 2019-09-20 18:07:52 -04:00
parent b0d670081a
commit 8832929b50
7 changed files with 181 additions and 144 deletions

View file

@ -62,3 +62,11 @@
margin-right: 14px;
}
}
/* Project */
.wp-block-columns.is-style-full-bleed .wp-block-column:first-of-type {
flex-shrink: 0;
flex-basis: auto !important;
width: calc( 0.5 * (100vw - calc( 782px - 96px) - 64px)) !important;
}

View file

@ -3,4 +3,8 @@
name: 'full-bleed',
label: 'Full Bleed'
} );
blocks.registerBlockStyle( 'core/columns', {
name: 'project',
label: 'Project'
} );
}( window.wp.blocks ) );

View file

@ -12,7 +12,7 @@ $baseline-unit: 8px;
$typescale-root: 19px; // 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: (

View file

@ -7,6 +7,7 @@ $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");
$header-css-grid-width: calc( 0.5 * (100vw - #{$content-width-lg} - #{4 * $spacing_unit}) );
$primary_color: map-deep-get($config-global, "color", "primary", "default");
a {
text-decoration: none;
@ -213,6 +214,14 @@ a {
}
}
.sticky-post {
color: $primary_color;
border: 1px solid currentColor;
background: transparent;
padding-bottom: 3px;
text-transform: uppercase;
}
.entry-title {
font-size: map-deep-get($config-global, "font", "size", "xxxxl");
font-weight: 600;

View file

@ -205,14 +205,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;
}
@ -234,7 +234,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -242,13 +242,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;
@ -356,7 +356,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;
@ -391,37 +391,37 @@ object {
}
.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;
}
@ -436,7 +436,7 @@ object {
.wp-block-latest-posts > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
font-size: 1.52087rem;
font-weight: 600;
line-height: 1.2;
}
@ -457,7 +457,7 @@ object {
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
}
@ -468,7 +468,7 @@ object {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -522,7 +522,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;
}
@ -535,7 +535,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;
}
@ -581,7 +581,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;
}
@ -592,7 +592,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;
}
@ -644,7 +644,7 @@ table th,
color: #1e1e1e;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 600;
font-size: 1.80203em;
font-size: 2.01136em;
letter-spacing: normal;
line-height: 1.2;
}
@ -734,32 +734,32 @@ 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-size: calc(2 * 2.31306em);
font-weight: 600;
}

View file

@ -580,7 +580,7 @@ html {
* HTML resets
*/
html {
font-size: 16.88889px;
font-size: 16.52174px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
line-height: 1.6;
}
@ -638,7 +638,7 @@ a {
clip-path: none;
color: #1e1e1e;
display: block;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: bold;
height: auto;
right: 5px;
@ -915,14 +915,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;
}
@ -944,7 +944,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -952,7 +952,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;
}
@ -1015,7 +1015,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;
@ -1156,7 +1156,7 @@ input.has-focus[type="submit"],
.wp-block-code {
color: #1e1e1e;
font-size: 0.88889rem;
font-size: 0.86957rem;
padding: 16px;
border-color: #CCCCCC;
}
@ -1249,7 +1249,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;
@ -1326,7 +1326,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;
}
@ -1351,7 +1351,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,
@ -1410,44 +1410,44 @@ h6, .h6 {
}
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;
@ -1476,7 +1476,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;
@ -1497,11 +1497,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;
}
@ -1526,14 +1526,14 @@ img {
.wp-block-latest-posts > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
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;
}
@ -1544,7 +1544,7 @@ img {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1698,7 +1698,7 @@ p.has-background {
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);
}
@ -1734,7 +1734,7 @@ p.has-background {
.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 {
@ -1770,7 +1770,7 @@ p.has-background {
.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;
}
@ -1783,7 +1783,7 @@ p.has-background {
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
display: block;
}
@ -1849,7 +1849,7 @@ p.has-background {
.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;
}
@ -1858,7 +1858,7 @@ p.has-background {
.wp-block-quote cite,
.wp-block-quote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1879,7 +1879,7 @@ p.has-background {
}
.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;
}
@ -1890,7 +1890,7 @@ p.has-background {
.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;
}
@ -1910,9 +1910,9 @@ hr.wp-block-separator {
hr.wp-block-separator.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 {
@ -1960,7 +1960,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;
@ -2121,7 +2121,7 @@ table th,
.is-small-text,
.has-small-font-size {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.is-regular-text,
@ -2133,20 +2133,20 @@ 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-size: calc(2 * 2.31306rem);
font-weight: 600;
line-height: 0.66;
text-transform: uppercase;
@ -2292,7 +2292,7 @@ table th,
.site-title {
color: #000000;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1;
}
@ -2313,7 +2313,7 @@ table th,
.site-description {
color: currentColor;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.60181rem;
font-size: 1.74901rem;
}
.main-navigation {
@ -2507,7 +2507,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;
}
@ -2569,7 +2569,7 @@ table th,
.site-info {
color: #767676;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.79012rem;
font-size: 0.75614rem;
}
@media only screen and (min-width: 640px) {
@ -2643,7 +2643,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;
@ -2658,7 +2658,7 @@ table th,
}
.entry-title {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -2668,7 +2668,7 @@ table th,
color: #767676;
clear: both;
float: none;
font-size: 0.88889rem;
font-size: 0.86957rem;
display: block;
}
@ -2767,17 +2767,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;
}
@ -2804,7 +2804,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);
@ -2852,12 +2852,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;
@ -2959,7 +2959,7 @@ table th,
.comment-metadata,
.reply {
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.2;
}
@ -3087,7 +3087,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;
}
@ -3119,13 +3119,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;
}
/**
@ -3587,8 +3587,16 @@ a {
}
}
.sticky-post {
color: #0073AA;
border: 1px solid currentColor;
background: transparent;
padding-bottom: 3px;
text-transform: uppercase;
}
.entry-title {
font-size: 2.02729rem;
font-size: 2.31306rem;
font-weight: 600;
}
@ -3612,5 +3620,5 @@ a {
}
.footer-navigation .footer-menu a {
font-size: 0.79012rem;
font-size: 0.75614rem;
}

View file

@ -580,7 +580,7 @@ html {
* HTML resets
*/
html {
font-size: 16.88889px;
font-size: 16.52174px;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
line-height: 1.6;
}
@ -638,7 +638,7 @@ a {
clip-path: none;
color: #1e1e1e;
display: block;
font-size: 1.125rem;
font-size: 1.15rem;
font-weight: bold;
height: auto;
left: 5px;
@ -915,14 +915,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;
}
@ -944,7 +944,7 @@ blockquote.alignleft, blockquote.alignright {
}
blockquote.alignleft p, blockquote.alignright p {
font-size: 1.26562rem;
font-size: 1.3225rem;
max-width: inherit;
width: inherit;
}
@ -952,7 +952,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;
}
@ -1015,7 +1015,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;
@ -1156,7 +1156,7 @@ input.has-focus[type="submit"],
.wp-block-code {
color: #1e1e1e;
font-size: 0.88889rem;
font-size: 0.86957rem;
padding: 16px;
border-color: #CCCCCC;
}
@ -1249,7 +1249,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;
@ -1326,7 +1326,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;
}
@ -1351,7 +1351,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,
@ -1410,44 +1410,44 @@ h6, .h6 {
}
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;
@ -1476,7 +1476,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;
@ -1497,11 +1497,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;
}
@ -1526,14 +1526,14 @@ img {
.wp-block-latest-posts > li > a {
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.42383rem;
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;
}
@ -1544,7 +1544,7 @@ img {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.88889rem;
font-size: 0.86957rem;
line-height: 1.6;
margin: 0;
}
@ -1698,7 +1698,7 @@ p.has-background {
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);
}
@ -1734,7 +1734,7 @@ p.has-background {
.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 {
@ -1770,7 +1770,7 @@ p.has-background {
.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;
}
@ -1783,7 +1783,7 @@ p.has-background {
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
display: block;
}
@ -1849,7 +1849,7 @@ p.has-background {
.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;
}
@ -1858,7 +1858,7 @@ p.has-background {
.wp-block-quote cite,
.wp-block-quote footer {
color: #767676;
font-size: 0.88889rem;
font-size: 0.86957rem;
letter-spacing: normal;
}
@ -1879,7 +1879,7 @@ p.has-background {
}
.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;
}
@ -1890,7 +1890,7 @@ p.has-background {
.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;
}
@ -1910,9 +1910,9 @@ hr.wp-block-separator {
hr.wp-block-separator.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 {
@ -1960,7 +1960,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;
@ -2126,7 +2126,7 @@ table th,
.is-small-text,
.has-small-font-size {
font-size: 0.88889rem;
font-size: 0.86957rem;
}
.is-regular-text,
@ -2138,20 +2138,20 @@ 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-size: calc(2 * 2.31306rem);
font-weight: 600;
line-height: 0.66;
text-transform: uppercase;
@ -2309,7 +2309,7 @@ table th,
.site-title {
color: #000000;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.60181rem;
font-size: 1.74901rem;
letter-spacing: normal;
line-height: 1;
}
@ -2330,7 +2330,7 @@ table th,
.site-description {
color: currentColor;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 1.60181rem;
font-size: 1.74901rem;
}
.main-navigation {
@ -2524,7 +2524,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;
}
@ -2586,7 +2586,7 @@ table th,
.site-info {
color: #767676;
font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 0.79012rem;
font-size: 0.75614rem;
}
@media only screen and (min-width: 640px) {
@ -2660,7 +2660,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;
@ -2675,7 +2675,7 @@ table th,
}
.entry-title {
font-size: 1.80203rem;
font-size: 2.01136rem;
letter-spacing: normal;
line-height: 1.2;
}
@ -2685,7 +2685,7 @@ table th,
color: #767676;
clear: both;
float: none;
font-size: 0.88889rem;
font-size: 0.86957rem;
display: block;
}
@ -2784,17 +2784,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;
}
@ -2821,7 +2821,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);
@ -2869,12 +2869,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;
@ -2976,7 +2976,7 @@ table th,
.comment-metadata,
.reply {
font-size: 0.79012rem;
font-size: 0.75614rem;
line-height: 1.2;
}
@ -3104,7 +3104,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;
}
@ -3136,13 +3136,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;
}
/**
@ -3616,8 +3616,16 @@ a {
}
}
.sticky-post {
color: #0073AA;
border: 1px solid currentColor;
background: transparent;
padding-bottom: 3px;
text-transform: uppercase;
}
.entry-title {
font-size: 2.02729rem;
font-size: 2.31306rem;
font-weight: 600;
}
@ -3641,5 +3649,5 @@ a {
}
.footer-navigation .footer-menu a {
font-size: 0.79012rem;
font-size: 0.75614rem;
}