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

Update SASS/CSS syntax, account for single declarations

This commit is contained in:
Max Myers 2016-11-01 14:33:13 -04:00
parent d0c0cddfc1
commit e548a2397b
3 changed files with 87 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/theme.css
View File

@ -4907,13 +4907,16 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
#wrapper-hero {
padding: 0px !important; }
.sticky, .gallery-caption, .bypostauthor {
.sticky,
.gallery-caption,
.bypostauthor {
font-size: inherit; }
.wrapper#wrapper-sticky {
border-bottom: 1px solid #818a91; }
#wrapper-footer-full, #wrapper-static-hero {
#wrapper-footer-full,
#wrapper-static-hero {
background-color: #eceeef; }
.wp-caption {
@ -4939,7 +4942,11 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
.entry-footer span {
padding-right: 10px; }
img.wp-post-image, article img, figure, img, #secondary img {
img.wp-post-image,
article img,
figure,
img,
#secondary img {
max-width: 100%;
height: auto; }
@ -4957,6 +4964,11 @@ a.skip-link {
width: auto;
display: inline; }
/* Navbar toggle
Custom button for toggling the `.navbar-collapse`, powered by the collapse
JavaScript plugin.
Navbar vertical align
*/
.navbar-toggle {
position: relative;
float: right;
@ -4964,7 +4976,8 @@ a.skip-link {
padding: 9px 10px;
background-color: transparent;
background-image: none;
border: 1px solid transparent; }
border: 1px solid transparent;
/* We remove the `outline` here, but later compensate by attaching `:hover` styles to `:focus`. */ }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
@ -4975,7 +4988,8 @@ a.skip-link {
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; }
.navbar .collapsing, .navbar .collapse.in {
.navbar .collapsing,
.navbar .collapse.in {
width: 100%;
float: left; }

2
css/theme.min.css.map
View File

File diff suppressed because one or more lines are too long

122
sass/understrap/understrap.scss
View File

@ -1,40 +1,27 @@
// Some basic padding for all wrappers
.wrapper {
padding:$grid-gutter-width-base 0;
}
.wrapper { padding: $grid-gutter-width-base 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
.sticky, .gallery-caption, .bypostauthor {
font-size:inherit;
}
.sticky,
.gallery-caption,
.bypostauthor { font-size: inherit; }
// Separate sticky wrapper from main content
.wrapper#wrapper-sticky {
border-bottom:1px solid $gray-light;
}
.wrapper#wrapper-sticky { border-bottom: 1px solid $gray-light; }
// Adding some contrast background color to footer full widget
#wrapper-footer-full, #wrapper-static-hero{
background-color: $gray-lighter;
}
#wrapper-footer-full,
#wrapper-static-hero { background-color: $gray-lighter; }
// 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 {
font-size: inherit;
}
.screen-reader-text { font-size: inherit; }
.alignright {
float: right;
@ -46,17 +33,17 @@ font-size:inherit;
padding-right: 10px;
}
.aligncenter {
margin:0px auto;
}
.aligncenter { margin: 0px auto; }
// Post design
.entry-footer span {
padding-right:10px;
}
.entry-footer span { padding-right: 10px; }
// Limit featured image size to 100%
img.wp-post-image, article img, figure, img, #secondary img {
img.wp-post-image,
article img,
figure,
img,
#secondary img {
max-width: 100%;
height: auto;
}
@ -70,24 +57,20 @@ right: 0px;
}
// Reset Jumbotron default margin
.jumbotron {
margin-bottom:0px;
}
.jumbotron { margin-bottom: 0px; }
// Bootstrap3 to Bootstrap4 "translation"
.menu-item {float:left; width:auto; display:inline;}
//ul.nav.navbar-nav a {
// display: block;
// padding-top: .425rem;
// padding-bottom: .425rem;
//}
// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.
// Navbar vertical align
.menu-item {
float: left;
width: auto;
display: inline;
}
/* Navbar toggle
Custom button for toggling the `.navbar-collapse`, powered by the collapse
JavaScript plugin.
Navbar vertical align
*/
.navbar-toggle {
position: relative;
float: right;
@ -97,12 +80,8 @@ right: 0px;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent;
// We remove the `outline` here, but later compensate by attaching `:hover`
// styles to `:focus`.
&:focus {
outline: 0;
}
/* We remove the `outline` here, but later compensate by attaching `:hover` styles to `:focus`. */
&:focus { outline: 0; }
// Bars
.icon-bar {
@ -111,52 +90,37 @@ right: 0px;
height: 2px;
border-radius: 1px;
}
.icon-bar + .icon-bar {
margin-top: 4px;
}
.icon-bar + .icon-bar { margin-top: 4px; }
}
.navbar {
.collapsing, .collapse.in {
.collapsing,
.collapse.in {
width: 100%;
float: left;
}
}
.navbar-dark {
.navbar-toggle {
border:1px solid #fff;
}
.icon-bar {
border-bottom:1px solid #fff;
}
.dropdown-menu {
background-color: $gray-dark;
}
.navbar-toggle { border: 1px solid #fff; }
.icon-bar { border-bottom: 1px solid #fff; }
.dropdown-menu { background-color: $gray-dark; }
}
.navbar #main-menu {
float:left;
}
.navbar #main-menu { float:left; }
.navbar-nav {
.nav-item {
float: left;
}
.nav-item { float: left; }
.nav-link {
display: block;
padding-top: .425rem;
padding-bottom: .425rem;
+ .nav-link {
margin-left: 0rem;
}
+ .nav-link { margin-left: 0rem; }
}
.nav-item + .nav-item {
margin-left: 0rem;
}
.nav-item + .nav-item { margin-left: 0rem; }
}
.nav-link {
@ -180,7 +144,5 @@ right: 0px;
.dropdown-menu .menu-item {
width: 100%;
a:hover {
background-color:$brand-primary;
}
a:hover { background-color: $brand-primary; }
}