Merge pull request #1128 from gillespieza/typography_fixes
Typography fixes: blockquotes
This commit is contained in:
commit
45cc45e22e
|
@ -1,44 +1,59 @@
|
||||||
// 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,
|
||||||
.gallery-caption,
|
.gallery-caption,
|
||||||
.bypostauthor {
|
.bypostauthor {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 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;
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 1.5em;
|
margin-right: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alignright {
|
.alignright {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: right;
|
float: right;
|
||||||
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,
|
||||||
|
@ -56,72 +73,83 @@ article img,
|
||||||
figure,
|
figure,
|
||||||
img,
|
img,
|
||||||
#secondary img {
|
#secondary img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Skip to content link
|
// Skip to content link
|
||||||
a.skip-link {
|
a.skip-link {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 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;
|
||||||
clear: both;
|
clear: both;
|
||||||
font-weight: $font-weight-normal;
|
font-weight: $font-weight-normal;
|
||||||
color: $dropdown-link-color !important;
|
color: $dropdown-link-color !important;
|
||||||
text-align: inherit; // For `<button>`s
|
text-align: inherit; // For `<button>`s
|
||||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
||||||
background: none; // For `<button>`s
|
background: none; // For `<button>`s
|
||||||
border: 0; // For `<button>`s
|
border: 0; // For `<button>`s
|
||||||
|
|
||||||
@include hover-focus {
|
@include hover-focus {
|
||||||
color: $dropdown-link-hover-color !important;
|
color: $dropdown-link-hover-color !important;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $dropdown-link-hover-bg;
|
background-color: $dropdown-link-hover-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
&:active {
|
&:active {
|
||||||
color: $dropdown-link-active-color !important;
|
color: $dropdown-link-active-color !important;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $dropdown-link-active-bg;
|
background-color: $dropdown-link-active-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled,
|
&.disabled,
|
||||||
&: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
|
|
||||||
@if $enable-gradients {
|
// Remove CSS gradients if they're enabled
|
||||||
background-image: none;
|
@if $enable-gradients {
|
||||||
}
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-light .navbar-brand a {
|
.navbar-light .navbar-brand a {
|
||||||
color: $navbar-light-active-color;
|
color: $navbar-light-active-color;
|
||||||
|
|
||||||
@include hover-focus {
|
@include hover-focus {
|
||||||
color: $navbar-light-active-color;
|
color: $navbar-light-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-dark .navbar-brand a {
|
.navbar-dark .navbar-brand a {
|
||||||
color: $navbar-dark-active-color;
|
color: $navbar-dark-active-color;
|
||||||
|
|
||||||
@include hover-focus {
|
@include hover-focus {
|
||||||
color: $navbar-dark-active-color;
|
color: $navbar-dark-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
|
}
|
||||||
|
|
Reference in New Issue