Skip to content

Instantly share code, notes, and snippets.

@billerickson billerickson/_gutenberg.scss Secret
Created Aug 30, 2019

Embed
What would you like to do?
body, p {
@include base-style();
}
body {
padding-top: 0;
}
.editor-post-title {
background: $red_1;
}
.editor-post-title__input {
color: $white;
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 30px;
&:focus {
color: $white;
}
}
.wp-block {
max-width: 804px + 86px;
&[data-align="wide"],
.alignwide {
max-width: 836px + 86px;
}
&[data-align="full"],
&[data-type="acf/pinterest-cta"],
&[data-type="acf/destination"],
&[data-type="acf/hplworld-cta"] {
max-width: 932px + 86px;
margin-left: auto;
margin-right: auto;
}
}
// Undo blockquote styles
.wp-block-quote {
&:not(.is-style-line) {
border-left: 0;
padding-left: 0;
}
p {
color: $mushroom_1;
font-family: 'Oswald', sans-serif;
font-weight: 500;
@include font-sizes( 18px, 22px );
}
}
// Fix space between image and caption
.wp-block-image {
line-height: 0;
}
// Full width button
.wp-block-button.is-style-full,
.wp-block-button.is-style-full .block-editor-rich-text {
display: block;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100%;
}
.block-library-list ol,
.block-library-list ul {
margin-left: 0;
}
// Interactive blocks to disable
.block-post-listing,
.block-region-destinations,
.block-quick-links {
position: relative;
&::before {
@include block-cover;
z-index: 99;
}
}
.block-editor-rich-text__editable a {
color: $highlight;
text-decoration: none;
@extend %transition;
&:hover {
text-decoration: underline;
}
svg {
@extend %transition;
}
}
@import "entry-content";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.