Updating CSS to catch up with Master

static/css/base.css

@@ -1,8 +1,8 @@
 /*---------------------------------------------------------------------------------
 
 	App: WebSlides
-	Version: 0.1
-	Date: 2017-01-08
+	Version: 1.0.0
+	Date: 2017-02-11
 	Description: A simple and versatile framework for building HTML presentations, landings, and portfolios.
 	Author: José Luis Antúnez
 	Author URI: http://twitter.com/jlantunez
@@ -25,7 +25,6 @@
 		3.1 Logo
 	4. Navigation
 		4.1 Navbars
-		4.2 Tabs
 	5. SLIDES (vertically and horizontally centered)
 		5.1 Mini container & Alignment
 		5.2 Counter / Navigation Slides
@@ -303,6 +302,11 @@ body {
   overflow-x: hidden;
 }
 
+/* == Prototype faster - Vertical rhythm  == */
+
+body.baseline {
+  background: url(../images/baseline.png) left top .8rem/.8rem;
+}
 /*
 #webslides.vertical {cursor: s-resize; }
 */
@@ -1308,77 +1312,6 @@ nav.navbar li a{justify-content:flex-start;
   }
 }
 
-/*=== 4.2. Tabs === */
-
-ul.tabs {
-  display: inline-block;
-  margin-bottom: 3.2rem;
-}
-
-ul.tabs li {
-  position: relative;
-  display: table-cell;
-  /*ftext-transform: uppercase;
-	letter-spacing: .1rem;*/
-  padding: .8rem 2.4rem;
-  cursor: pointer;
-}
-
-.tabs li:before {
-  position: absolute;
-  content: "";
-  display: table;
-  clear: both;
-  bottom: 0;
-  left: 50%;
-  width: 0;
-  height: 3px;
-  -webkit-transition: width 200ms ease, opacity 200ms ease;
-  transition: width 200ms ease, opacity 200ms ease;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.tabs li.current:before {
-  opacity: 1;
-  width: 100%;
-}
-
-ul.tabs li.current {
-  font-weight: 600;
-}
-/*.tabs li:after{
-	position: relative;
-	right: -2.8rem;
-	font-size:1.6rem;
-	font-weight:300;
-	content: "*";
-
-}
-.tabs li:last-child:after {
-  display: none;
-}
-
-*/
-
-.tab-content {
-  display: none;
-}
-
-.tab-content.current {
-  display: inherit;
-  -webkit-animation: fadeIn ease-in 1;
-  animation: fadeIn ease-in 1;
-  -webkit-animation-duration: .3s;
-  animation-duration: .3s;
-}
-
-@media (max-width: 400px) {
-  .tabs li {
-    display: block;
-  }
-}
-
 /*============================================
 5. SLIDES (Full Screen)
 Vertically and horizontally centered
@@ -2971,34 +2904,19 @@ input[type="checkbox"] {
   height: auto;
   padding: 4px;
 }
-
-button {
-  width: auto;
-}
-
-button[type="submit"] {
+button[type="submit"],textarea {
   width: 100%;
 }
-
-/*input:hover, textarea:hover, select:hover {
--webkit-transform: translateY(-.2rem);
-transform: translateY(-.2rem);
-}*/
-
-input:focus,
-textarea:focus,
-select:focus {
-  border-width: 1px;
-}
-
 textarea {
   padding: .7rem;
 }
 
 button {
+  width: auto;
   text-align: center;
   cursor: pointer;
 }
+
 .button {
   display: inline-block;
   line-height: 4.8rem;
@@ -3051,6 +2969,12 @@ legend {
   letter-spacing:.1rem;
   font-weight: 400;
 }
+/*=== Focus === */
+input:focus,
+textarea:focus,
+select:focus {
+  border-width: 1px;
+}
 
 /*=== App Store Badges === */
 /* Change width and height: 216x64px, 162x48px, 135x40... */

static/css/colors.css

@@ -81,7 +81,7 @@ hr:after {
   color: #333;
 }
 
-bbbr,
+abbr,
 acronym {
   border-bottom: 1px dotted #333;
 }
@@ -170,6 +170,10 @@ Slides - Backgrounds <section class="bg-primary">
 .bg-white {
   background-color: #fff;
 }
+[class*="bg-"] .bg-white {
+  text-shadow: none;
+  color: #333;
+}
 
 /* BG Apple Keynote*/
 
@@ -359,31 +363,6 @@ nav li.email a:hover {
   background: #dd4b39;
 }
 
-
-/*=========================================
-Tabs
-=========================================== */
-
-
-ul.tabs li {
-  border: 1px solid rgba(0, 20, 80, 0.1);
-  border-right: none;
-}
-
-ul.tabs li:last-child {
-  border-right: 1px solid rgba(0, 20, 80, 0.1);
-}
-
-ul.tabs li.current {
-  background: rgba(255, 255, 255, 0.09);
-}
-
-ul.tabs li:before {
-  background-color: #44d;
-}
-
-
-
 /*===================================================
 .flexblock li hover/active
 ===================================================== */
@@ -804,10 +783,10 @@ input:focus::-moz-placeholder {
 input:focus::-webkit-input-placeholder {
   color: #ddd;
 }
-a.button,[class*="badge-"]
+a.button,[class*="badge-"],
 button[type="submit"],
 input {
-  box-shadow: 0px 10px 16px -8px rgba(0, 20, 80, 0.3);
+  box-shadow: 0 10px 16px -8px rgba(0, 20, 80, 0.3);
 }
 
 button,