themes-wordpress/affinity/blocks.css

347 lines
5.9 KiB
CSS
Raw Normal View History

2018-10-19 02:09:22 +00:00
/*--------------------------------------------------------------
## Gutenberg Styles
--------------------------------------------------------------*/
/* Alignments */
.alignfull {
text-align: center;
max-width: 100%;
}
.alignwide {
/* max-width: 75%; */
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.alignleft figcaption {}
.alignright figcaption {}
.wp-block-image.alignleft {}
.wp-block-image.alignright {}
.wp-block-image.aligncenter {}
/* Text sizing */
.is-small-text {}
.is-regular-text {}
.is-large-text {}
.is-larger-text {}
/* Dropcaps */
p.has-drop-cap:first-letter {
font-family: -apple-system, "SF Pro Text", BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
font-size: 64px;
font-size: 6.4rem;
}
/* Images */
.wp-block-image {
margin-bottom: 1.6em;
}
2018-10-19 02:09:22 +00:00
.wp-block-image figcaption {
font-size: 13.2px;
font-style: italic;
margin-bottom: 1.6em;
max-width: 100%;
}
2018-10-19 02:09:22 +00:00
/* Galleries */
.wp-block-gallery {
margin-bottom: 1.6em;
margin-left: auto;
2018-10-19 02:09:22 +00:00
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {}
2018-10-19 02:09:22 +00:00
.columns-1 {}
.columns-2 {}
.columns-3 {}
.columns-4 {}
.columns-5 {}
/* Captions */
.wp-block-image figcaption,
.wp-block-audio figcaption,
.wp-block-video figcaption {
}
/* Blockquotes*/
.wp-block-quote {
color: #99908a;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
margin: 0;
border-top: 3px solid #e8e9ea;
padding-top: .8em;
border-bottom: 1px solid #e8e9ea;
margin-bottom: .8em;
padding-bottom: .8em;
}
.wp-block-quote.is-large {
padding: .8em 0;
2018-10-19 02:09:22 +00:00
}
.wp-block-quote p:last-of-type {
margin-bottom: 1.6em;
2018-10-19 02:09:22 +00:00
}
.wp-block-quote cite {
display: block;
text-align: right;
font-style: normal;
font-size: 16px;
}
.wp-block-quote.aligncenter {
text-align: center;
}
2018-10-19 02:09:22 +00:00
.blocks-quote-style-1 {}
.blocks-quote-style-2 {}
/* Cover Images */
.wp-block-cover-image {
display: flex;
margin-bottom: 1.6em;
}
2018-10-19 02:09:22 +00:00
.wp-block-cover-image.has-background-dim:before {}
.has-parallax {}
/* Video */
.wp-block-video {}
/* Audio */
.wp-block-audio {}
.wp-block-audio.alignleft,
.wp-block-audio.alignright {
width: 32rem;
}
.wp-block-video video,
.wp-block-audio audio {
height: auto;
width: 100%;
}
/* Pullquotes */
.wp-block-pullquote {
padding: 0;
}
.wp-block-pullquote blockquote {
color: #99908a;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
margin: 0;
border-top: 3px solid #e8e9ea;
padding-top: .8em;
border-bottom: 1px solid #e8e9ea;
margin-bottom: .8em;
padding-bottom: .8em;
}
.wp-block-pullquote blockquote > p:last-of-type {
margin-bottom: 1.6em;
}
2018-10-19 02:09:22 +00:00
.wp-block-pullquote blockquote cite {
2018-10-19 02:09:22 +00:00
display: block;
text-align: right;
font-style: normal;
font-size: 16px;
font-size: 1rem;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 320px;
padding-bottom: 1.6em;
padding-top: .8em;
}
2018-10-19 02:09:22 +00:00
.entry-content .wp-block-pullquote.alignleft {
text-align: left;
}
.entry-content .wp-block-pullquote.alignright {
text-align: right;
}
.wp-block-pullquote.aligncenter {
text-align: center;
2018-10-19 02:09:22 +00:00
}
/* Categories & Archives */
.wp-block-categories-list,
.wp-block-archives {
margin-left: 3.2em;
}
2018-10-19 02:09:22 +00:00
/* Tables */
.wp-block-table {
display: table;
}
.wp-block-table.alignleft,
.wp-block-table.alignright {
max-width: 50%;
}
/* Preformatted */
.wp-block-preformatted {
background: #e8e9ea;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 13.2px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
/* Code */
.wp-block-code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 13.2px;
}
/* Verse */
.wp-block-verse {
background: #e8e9ea;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 13.2px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.wp-block-verse.aligncenter {
text-align: center;
}
.wp-block-verse.alignleft {
text-align: left;
}
.wp-block-verse.alignright {
text-align: right;
}
/* Separator */
.wp-block-separator {
background-color: #e8e9ea;
border: 0;
height: 1px;
margin: 0.8em auto;
max-width: 66%;
}
.wp-block-separator.is-style-wide {
max-width: 100%;
}
/* Buttons */
.wp-block-button .wp-block-button__link {
border-radius: 0;
display: inline-block;
2018-10-19 02:09:22 +00:00
font-size: 13.2px;
font-family: Raleway, "Helvetica Neue", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
line-height: 1;
transition: 0.3s;
text-decoration: none;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active {
2018-10-19 02:09:22 +00:00
}
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):active,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):hover {
color: white;
}
.wp-block-button__link:not(.has-background) {
background-color: #99908a;
outline: 4px solid #99908a;
border: 2px solid white;
position: relative;
left: 4px;
}
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
outline-color: #5e5853;
background-color: #5e5853;
}
2018-10-19 02:09:22 +00:00
/* Text Columns */
.wp-block-columns {
justify-content: space-between;
}
.wp-block-column {
flex: initial;
}
.wp-block-columns.has-2-columns .wp-block-column {
width: 47%;
}
.wp-block-columns.has-3-columns .wp-block-column {
width: 30%;
}
.wp-block-columns.has-4-columns .wp-block-column {
width: 23%;
}
/* Latest Posts */
.wp-block-latest-posts {}
.wp-block-latest-posts__post-date {}
/* Media queries */
@media screen and ( min-width: 46em ) {
h1 {
font-size: 47.12px;
}
h2 {
font-size: 42px;
}
h3 {
font-size: 29.2px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
}
@media screen and ( min-width: 68em ) {
.wp-block-quote,
.wp-block-pullquote blockquote {
font-size: 26px;
}
}