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 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 */