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

Merge pull request #1134 from understrap/revert-1128-typography_fixes 

Revert "Typography fixes: blockquotes"
This commit is contained in:
UnderstrapFramework 2020-03-15 09:25:11 +00:00 committed by GitHub
parent 45cc45e22e 34e1bde984
commit 1a441a26ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 64 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
sass/understrap/understrap.scss
View File

@ -1,71 +1,54 @@
// 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 { #wrapper-hero { padding: 0px !important; }
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 { .wrapper#wrapper-sticky { border-bottom: 1px solid $gray-300; }
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 { #wrapper-static-hero { background-color: $gray-200; }
background-color: $gray-200;
}
// Necessary WP classes // Necessary WP classes
.wp-caption { .wp-caption { font-size: inherit; }
font-size: inherit;
}
.wp-caption-text { .wp-caption-text { font-size: inherit; }
font-size: inherit;
}
.screen-reader-text { .screen-reader-text { @extend .sr-only; }
@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 { .aligncenter { @extend .mx-auto; }
@extend .mx-auto;
}
.widget_categories, .widget_categories,
.widget_archive { .widget_archive {
select { select {
@extend .form-control; @extend .form-control;
} }
} }
// Post design // Post design
.entry-footer span { .entry-footer span { padding-right: 10px; }
padding-right: 10px;
}
// Limit featured image size to 100% // Limit featured image size to 100%
img.wp-post-image, img.wp-post-image,
@ -73,83 +56,72 @@ 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 { .jumbotron { margin-bottom: 0px; }
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
// Remove CSS gradients if they're enabled @if $enable-gradients {
@if $enable-gradients { background-image: none;
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;
} }
} }
font-weight: $font-weight-normal; .navbar h1 { font-weight: $font-weight-normal; }
}
/* Typography Fixes */
// the default class added by WordPress Blocks to blockquotes
.wp-block-quote {
@extend .blockquote;
}