rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Extend .blockquote 

The default class added to blockquotes when using WordPress Blocks (Gutenberg) is .wp-block-quote. Users may not know to add .blockquote to that, so extending the WordPress class to match the Bootstrap 4 class.
This commit is contained in:
Amanda Dominy 2020-02-28 15:49:53 +00:00
parent 41115509cd
commit 6be4239fc1
1 changed files with 92 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
sass/understrap/understrap.scss
View File

@ -1,9 +1,12 @@
// Some basic padding for all wrappers // Some basic padding for all wrappers
.wrapper { .wrapper {
padding: $grid-gutter-width 0; } padding: $grid-gutter-width 0;
}
// Reset hero wrapper padding to 0 // Reset hero wrapper padding to 0
#wrapper-hero { padding: 0px !important; } #wrapper-hero {
padding: 0px !important;
}
// Adding basic WordPress classes to pass the WordPress.org tests // Adding basic WordPress classes to pass the WordPress.org tests
.sticky, .sticky,
@ -13,18 +16,28 @@
} }
// Separate sticky wrapper from main content // Separate sticky wrapper from main content
.wrapper#wrapper-sticky { border-bottom: 1px solid $gray-300; } .wrapper#wrapper-sticky {
border-bottom: 1px solid $gray-300;
}
// Adding some contrast background color to footer full widget // Adding some contrast background color to footer full widget
#wrapper-footer-full, #wrapper-footer-full,
#wrapper-static-hero { background-color: $gray-200; } #wrapper-static-hero {
background-color: $gray-200;
}
// Necessary WP classes // Necessary WP classes
.wp-caption { font-size: inherit; } .wp-caption {
font-size: inherit;
}
.wp-caption-text { font-size: inherit; } .wp-caption-text {
font-size: inherit;
}
.screen-reader-text { @extend .sr-only; } .screen-reader-text {
@extend .sr-only;
}
.alignleft { .alignleft {
display: inline; display: inline;
@ -38,7 +51,9 @@
margin-left: 1.5em; margin-left: 1.5em;
} }
.aligncenter { @extend .mx-auto; } .aligncenter {
@extend .mx-auto;
}
.widget_categories, .widget_categories,
.widget_archive { .widget_archive {
@ -48,7 +63,9 @@
} }
// Post design // Post design
.entry-footer span { padding-right: 10px; } .entry-footer span {
padding-right: 10px;
}
// Limit featured image size to 100% // Limit featured image size to 100%
img.wp-post-image, img.wp-post-image,
@ -69,10 +86,12 @@ a.skip-link {
} }
// Reset Jumbotron default margin // Reset Jumbotron default margin
.jumbotron { margin-bottom: 0px; } .jumbotron {
margin-bottom: 0px;
}
// Dropdown translation // Dropdown translation
.navbar-dark .navbar-nav .dropdown-menu .nav-link{ .navbar-dark .navbar-nav .dropdown-menu .nav-link {
display: block; display: block;
width: 100%; // For `<button>`s width: 100%; // For `<button>`s
padding: $dropdown-item-padding-y $dropdown-item-padding-x; padding: $dropdown-item-padding-y $dropdown-item-padding-x;
@ -101,6 +120,7 @@ a.skip-link {
&:disabled { &:disabled {
color: $dropdown-link-disabled-color !important; color: $dropdown-link-disabled-color !important;
background-color: transparent; background-color: transparent;
// Remove CSS gradients if they're enabled // Remove CSS gradients if they're enabled
@if $enable-gradients { @if $enable-gradients {
background-image: none; background-image: none;
@ -124,4 +144,12 @@ a.skip-link {
} }
} }
.navbar h1 { font-weight: $font-weight-normal; } font-weight: $font-weight-normal;
}
/* Typography Fixes */
// the default class added by WordPress Blocks to blockquotes
.wp-block-quote {
@extend .blockquote;
}