Update SASS/CSS syntax, account for single declarations

css/theme.css

@@ -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; }
 

sass/understrap/understrap.scss

@@ -1,93 +1,76 @@
 // 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
-#wrapper-hero {
+#wrapper-hero { padding: 0px !important; }
-  padding:0px!important;
-}
 
 // 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
-.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
-#wrapper-footer-full, #wrapper-static-hero{
+#wrapper-footer-full,
-	background-color: $gray-lighter;
+#wrapper-static-hero { background-color: $gray-lighter; }
-}
 
 // 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 {
-	float: right;
+  float: right;
-  padding-left:10px;
+  padding-left: 10px;
 }
 
 .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,
-	max-width: 100%;
+article img,
+figure,
+img,
+#secondary img {
+  max-width: 100%;
   height: auto;
 }
 
 // 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
-.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 {
   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`. */
-// We remove the `outline` here, but later compensate by attaching `:hover`
+  &:focus { outline: 0; }
-// styles to `:focus`.
-  &:focus {
-    outline: 0;
-  }
 
   // Bars
   .icon-bar {
@@ -111,76 +90,59 @@ right: 0px;
     height: 2px;
     border-radius: 1px;
   }
-  .icon-bar + .icon-bar {
+  .icon-bar + .icon-bar { margin-top: 4px; }
-    margin-top: 4px;
-  }
 }
 
 .navbar {
-  .collapsing, .collapse.in {
+  .collapsing,
-    width:100%;
+  .collapse.in {
-    float:left;
+    width: 100%;
+    float: left;
   }
 }
 
 .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 {
-  .nav-item {
+  .nav-item { float: left; }
-    float: left;
-  }
 
   .nav-link {
     display: block;
-    padding-top:    .425rem;
+    padding-top: .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 {
-  margin-left:.425rem;
+  margin-left: .425rem;
-  margin-right:.425rem;
+  margin-right: .425rem;
 }
 
 // Fixing BS dropdown in a dropdown
 .dropdown-menu .dropdown-menu {
-  position:relative;
+  position: relative;
-  display:block;
+  display: block;
   border: none;
   box-shadow: none;
-  margin-left:10px;
+  margin-left: 10px;
-  width:140px;
+  width: 140px;
   li {
     list-style: square;
     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;
+}
-    }
-  }