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

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

File diff suppressed because one or more lines are too long

164
sass/understrap/understrap.scss
View File

@ -1,93 +1,76 @@
// Some basic padding for all wrappers // Some basic padding for all wrappers
.wrapper { .wrapper { padding: $grid-gutter-width-base 0; }
padding:$grid-gutter-width-base 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, .gallery-caption, .bypostauthor { .sticky,
font-size:inherit; .gallery-caption,
} .bypostauthor { 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-light; }
border-bottom:1px solid $gray-light;
}
// Adding some contrast background color to footer full widget // Adding some contrast background color to footer full widget
#wrapper-footer-full, #wrapper-static-hero{ #wrapper-footer-full,
background-color: $gray-lighter; #wrapper-static-hero { background-color: $gray-lighter; }
}
// 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 { font-size: inherit; }
font-size: inherit;
}
.alignright { .alignright {
float: right; float: right;
padding-left:10px; padding-left: 10px;
} }
.alignleft { .alignleft {
float: left; float: left;
padding-right:10px; padding-right: 10px;
} }
.aligncenter { .aligncenter { margin: 0px auto; }
margin:0px auto;
}
//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, article img, figure, img, #secondary img { img.wp-post-image,
article img,
figure,
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 {
z-index: 1000; z-index: 1000;
position: fixed; position: fixed;
top: 0px; top: 0px;
right: 0px; right: 0px;
} }
// Reset Jumbotron default margin // Reset Jumbotron default margin
.jumbotron { .jumbotron { margin-bottom: 0px; }
margin-bottom:0px;
// Bootstrap3 to Bootstrap4 "translation"
.menu-item {
float: left;
width: auto;
display: inline;
} }
//Bootstrap3 to Bootstrap4 "translation" /* Navbar toggle
.menu-item {float:left; width:auto; display:inline;} Custom button for toggling the `.navbar-collapse`, powered by the collapse
//ul.nav.navbar-nav a { JavaScript plugin.
// display: block; Navbar vertical align
// padding-top: .425rem; */
// padding-bottom: .425rem;
//}
// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.
// Navbar vertical align
.navbar-toggle { .navbar-toggle {
position: relative; position: relative;
float: right; 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 background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent; border: 1px solid transparent;
/* We remove the `outline` here, but later compensate by attaching `:hover` styles to `:focus`. */
// We remove the `outline` here, but later compensate by attaching `:hover` &:focus { outline: 0; }
// styles to `:focus`.
&:focus {
outline: 0;
}
// Bars // Bars
.icon-bar { .icon-bar {
@ -111,76 +90,59 @@ right: 0px;
height: 2px; height: 2px;
border-radius: 1px; border-radius: 1px;
} }
.icon-bar + .icon-bar { .icon-bar + .icon-bar { margin-top: 4px; }
margin-top: 4px;
}
} }
.navbar { .navbar {
.collapsing, .collapse.in { .collapsing,
width:100%; .collapse.in {
float:left; width: 100%;
float: left;
} }
} }
.navbar-dark { .navbar-dark {
.navbar-toggle { .navbar-toggle { border: 1px solid #fff; }
border:1px solid #fff; .icon-bar { border-bottom: 1px solid #fff; }
} .dropdown-menu { background-color: $gray-dark; }
.icon-bar {
border-bottom:1px solid #fff;
}
.dropdown-menu {
background-color: $gray-dark;
}
} }
.navbar #main-menu { .navbar #main-menu { float:left; }
float:left;
}
.navbar-nav { .navbar-nav {
.nav-item { .nav-item { float: left; }
float: left;
}
.nav-link { .nav-link {
display: block; display: block;
padding-top: .425rem; padding-top: .425rem;
padding-bottom: .425rem; padding-bottom: .425rem;
+ .nav-link { + .nav-link { margin-left: 0rem; }
margin-left: 0rem;
}
} }
.nav-item + .nav-item { .nav-item + .nav-item { margin-left: 0rem; }
margin-left: 0rem;
}
} }
.nav-link { .nav-link {
margin-left:.425rem; margin-left: .425rem;
margin-right:.425rem; margin-right: .425rem;
} }
// Fixing BS dropdown in a dropdown // Fixing BS dropdown in a dropdown
.dropdown-menu .dropdown-menu { .dropdown-menu .dropdown-menu {
position:relative; position: relative;
display:block; display: block;
border: none; border: none;
box-shadow: none; box-shadow: none;
margin-left:10px; margin-left: 10px;
width:140px; width: 140px;
li { li {
list-style: square; list-style: square;
padding-left: 0px; padding-left: 0px;
} }
} }
.dropdown-menu .menu-item { .dropdown-menu .menu-item {
width:100%; width: 100%;
a:hover { a:hover { background-color: $brand-primary; }
background-color:$brand-primary; }
}
}