updated css for gutenberg blocks; verse, quotes and code; added new monospace font

This commit is contained in:
Jacob Haddon 2020-06-28 15:33:23 -04:00
parent 9e4b0062a1
commit 706662673a

115
style.css
View File

@ -5,31 +5,32 @@
Author: Jacob Haddon Author: Jacob Haddon
Author URI: http://jacobhaddon.com Author URI: http://jacobhaddon.com
Template: twentysixteen Template: twentysixteen
Version: 1.0.0 Version: 1.1.0
License: GNU General Public License v2 or later License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Tags:
Text Domain: twenty-sixteen-child Text Domain: twenty-sixteen-child
*/ */
/* ## Typography ## */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700,700italic); /* Serif */
/*Typography*/
/*Serif */
body, body,
button, button,
input, input,
select, select,
textarea { textarea,
font-family: Merriweather, Georgia, serif; .wp-block-verse,
.wp-block-preformatted
{
font-family: Merriweather, Georgia, serif;
} }
/*Sans-Serif*/ /* Sans-Serif */
blockquote,
.tagcloud a, .tagcloud a,
.site-title, .site-title,
.entry-title, .entry-title,
@ -45,71 +46,97 @@ textarea {
.comment-form label, .comment-form label,
.no-comments, .no-comments,
.widecolumn label, .widecolumn label,
.widecolumn .mu_register label { .widecolumn .mu_register label,
font-family: Raleway, "Helvetica Neue", sans-serif; .wp-block-pullquote,
} .wp-block-quote
{
font-family: Raleway, "Helvetica Neue", sans-serif;
}
.site-title { /* Monospace */
pre,
code,
.wp-block-code
{
font-family: 'IBM Plex Mono', monospace;
background-color: transparent;
}
/* ## Gutenberg Blocks ## */
.wp-block-verse
{
border: none;
line-height: 1.8;
}
.wp-block-pullquote blockquote
{
font-style: normal;
}
/* ## Misc ## */
.site-title
{
font-weight: 100; font-weight: 100;
font-size: 48px; font-size: 48px;
}
.entry-title {
font-weight: 400;
}
pre {
} }
code { .entry-title
background-color: transparent; {
font-weight: 400;
} }
/*for the iframes amazon makes*/ /* for the iframes amazon makes */
.amazonpreview { .amazonpreview
float: none; {
float: none;
} }
/* ## Media levels in 2016 below ## */
/* Media levels in 2016 below */
/** /**
* 14.1 - >= 710px * 14.1 - >= 710px
*/ */
@media screen and (min-width: 44.375em) { @media screen and (min-width: 44.375em)
{
}
} /* media 710px */ /* media 710px */
/** /**
* 14.2 - >= 783px * 14.2 - >= 783px
*/ */
@media screen and (min-width: 48.9375em) { @media screen and (min-width: 48.9375em)
{
} /* media 738px */
}
/* media 738px */
/** /**
* 14.3 - >= 910px * 14.3 - >= 910px
*/ */
@media screen and (min-width: 56.875em) { @media screen and (min-width: 56.875em)
{
.amazonpreview { .amazonpreview { float: right; }
float: right;
} }
} /* media 910px */ /* media 910px */
/** /**
* 14.4 - >= 985px * 14.4 - >= 985px
*/ */
@media screen and (min-width: 61.5625em) { @media screen and (min-width: 61.5625em)
{
} /* media 985px */
}
/* media 985px */