diff --git a/css/blocks.css b/css/blocks.css deleted file mode 100644 index 56501a6..0000000 --- a/css/blocks.css +++ /dev/null @@ -1,190 +0,0 @@ -.entry-content > * { - margin: 36px auto; - max-width: 636px; - padding-left: 14px; - padding-right: 14px; -} - -.entry-content > .alignwide { - max-width: 1100px; -} - -.entry-content > .alignfull { - margin: 1.5em 0; - max-width: 100%; -} - -.entry-content ul, -.entry-content ol { - margin: 1.5em auto; - max-width: 636px; - list-style-position: outside; -} - -.wp-block-video video { - max-width: 636px; -} - -.wp-block-image img { - display: block; -} - -.wp-block-image.alignleft, -.wp-block-image.alignright { - width: 100% -} - -.wp-block-image.alignfull img { - width: 100vw; -} - -.wp-block-gallery:not(.components-placeholder) { - margin: 1.5em auto; -} - -.wp-block-cover-text p { - padding: 1.5em 14px; -} - -ul.wp-block-latest-posts.alignwide, -ul.wp-block-latest-posts.alignfull, -ul.wp-block-latest-posts.is-grid.alignwide, -ul.wp-block-latest-posts.is-grid.alignwide { - padding: 0 14px; -} - -.wp-block-table { - display: block; - overflow-x: auto; -} - -.wp-block-table table { - border-collapse: collapse; - width: 100% -} - -.wp-block-table td, .wp-block-table th { - padding: .5em; -} - -.entry-content li { - margin-left: 2.5em; - margin-bottom: 6px; -} - -.entry-content ul ul, -.entry-content ol ol, -.entry-content ul ol, -.entry-content ol ul { - margin: 0 auto; -} - -.entry-content ul ul li, -.entry-content ol ol li, -.entry-content ul ol li, -.entry-content ol ul li { - margin-left: 0; -} - - -.wp-block-embed.type-video > .wp-block-embed__wrapper { - position: relative; - width: 100%; - height: 0; - padding-top: 56.25%; -} - -.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - bottom: 0; - right: 0; -} - -.wp-block-quote.is-large { - margin: 0 auto 16px; -} - -.wp-block-pullquote>p:first-child { - margin-top: 0; -} - -.wp-block-separator { - margin: 3em auto; - padding: 0; -} - -.more-link { - display: block; -} - -.wp-block-section > * { - max-width: 610px; - margin-left: auto; - margin-right: auto; -} - -.wp-block-section > .alignwide { - max-width: 1100px; -} - -.wp-block-section > .alignfull { - max-width: 100%; -} - -.wp-block-section.has-background > .alignfull { - width: calc( 100% + 60px ); - max-width: calc( 100% + 60px ); - position: relative; - left: -30px; -} - -@media screen and (min-width: 768px) { - .wp-block-cover-text p { - padding: 1.5em 0; - } - - .entry-content > * { - padding-left: 0px; - padding-right: 0px; - } - -} - -/*-------------------------------------------------------------- -# Block Color Palette Colors ---------------------------------------------------------------*/ -.has-strong-blue-color { - color: #0073aa; -} - -.has-strong-blue-background-color { - background-color: #0073aa; -} - -.has-lighter-blue-color { - color: #229fd8; -} - -.has-lighter-blue-background-color { - background-color: #229fd8; -} - -.has-very-light-gray-color { - color: #eee; -} - -.has-very-light-gray-background-color { - background-color: #eee; -} - -.has-very-dark-gray-color { - color: #444; -} - -.has-very-dark-gray-background-color { - background-color: #444; -} \ No newline at end of file diff --git a/site.scss b/site.scss index 2910a7f..37430b5 100644 --- a/site.scss +++ b/site.scss @@ -1,5 +1,24 @@ /*-------------------------------------------------------------- # Site CSS includes UIKit 3 +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +# TABLE OF CONTENTS: +---------------------------------------------------------------- +# Variables +# UIKit 3 +# Layout +# Navigation +# Headers and Content +# Utilities +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +# Variables +--------------------------------------------------------------*/ + +/*-------------------------------------------------------------- +# Include UIKit 3 from main theme # Reference https://getuikit.com/docs/sass --------------------------------------------------------------*/ @@ -31,6 +50,11 @@ main#main-content { footer#colophon { margin-top: -100px; } + +/*-------------------------------------------------------------- +# Utilities +--------------------------------------------------------------*/ + /* Text meant only for screen readers. @see https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/