From 706662673ab2af1937bc1c55cb03433474e64efc Mon Sep 17 00:00:00 2001 From: Jacob Haddon Date: Sun, 28 Jun 2020 15:33:23 -0400 Subject: [PATCH] updated css for gutenberg blocks; verse, quotes and code; added new monospace font --- style.css | 115 +++++++++++++++++++++++++++++++++--------------------- 1 file changed, 71 insertions(+), 44 deletions(-) diff --git a/style.css b/style.css index 051a216..27516d2 100644 --- a/style.css +++ b/style.css @@ -5,31 +5,32 @@ Author: Jacob Haddon Author URI: http://jacobhaddon.com Template: twentysixteen - Version: 1.0.0 + Version: 1.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: 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/css2?family=IBM+Plex+Mono); -@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700,700italic); - - -/*Typography*/ - -/*Serif */ +/* Serif */ body, button, input, select, -textarea { - font-family: Merriweather, Georgia, serif; - +textarea, +.wp-block-verse, +.wp-block-preformatted +{ + font-family: Merriweather, Georgia, serif; } -/*Sans-Serif*/ +/* Sans-Serif */ +blockquote, .tagcloud a, .site-title, .entry-title, @@ -45,71 +46,97 @@ textarea { .comment-form label, .no-comments, .widecolumn label, -.widecolumn .mu_register label { - font-family: Raleway, "Helvetica Neue", sans-serif; - } +.widecolumn .mu_register label, +.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-size: 48px; - } -.entry-title { - font-weight: 400; -} - -pre { - } -code { - background-color: transparent; +.entry-title +{ + font-weight: 400; } -/*for the iframes amazon makes*/ -.amazonpreview { - float: none; +/* for the iframes amazon makes */ +.amazonpreview +{ + float: none; } - -/* Media levels in 2016 below */ - +/* ## Media levels in 2016 below ## */ /** * 14.1 - >= 710px */ -@media screen and (min-width: 44.375em) { +@media screen and (min-width: 44.375em) +{ + +} -} /* media 710px */ +/* media 710px */ /** * 14.2 - >= 783px */ -@media screen and (min-width: 48.9375em) { - -} /* media 738px */ +@media screen and (min-width: 48.9375em) +{ + +} +/* media 738px */ /** * 14.3 - >= 910px */ -@media screen and (min-width: 56.875em) { - -.amazonpreview { - float: right; +@media screen and (min-width: 56.875em) +{ + .amazonpreview { float: right; } } -} /* media 910px */ +/* media 910px */ /** * 14.4 - >= 985px */ -@media screen and (min-width: 61.5625em) { - -} /* media 985px */ - +@media screen and (min-width: 61.5625em) +{ + +} +/* media 985px */