asc_bootstrap - sass updates, setting home page slides to not autostart,...

asc_bootstrap - sass updates, setting home page slides to not autostart, adding btn and aria tags to search icon for screenreaders, removing extra skip nav link in osu navbar, adding css focus styles for keyboard users, skip nav styling, primary menu link focus styles, turning autoplay off on basic page slideshow

web/themes/asc_bootstrap/assets/sass/components/_menu.scss

@@ -143,6 +143,12 @@
   width: 100%;
 }
 
+#superfish-main.sf-style-white a:focus {
+    color: #373535;
+}
+#superfish-main.sf-style-white a:hover {
+    color: $white;
+}
 
 
 // --------------------------------------------------

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -97,6 +97,11 @@
     }
   }
 
+  .field--name-field-media-file {
+    padding: 0;
+    margin-bottom: 15px;
+  }
+
   .panel-default {
     border: none;
   }

web/themes/asc_bootstrap/assets/sass/components/_webforms.scss

+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+//
+// Webforms
+// --------------------------------------------------
+
+.form-inline .control-label {
+  width: 100%;
+}
+
+
+textarea.form-control {
+  margin-bottom: 10px;
+}

web/themes/asc_bootstrap/assets/sass/layout/_default.scss

@@ -142,6 +142,23 @@ p {
 	}
 }
 
+.skip-link:focus {
+    position: absolute;
+    top: 0;
+    left: 25%;
+    width: 50%;
+    text-align: center;
+    padding: .5em 0 1.5em;
+    display: block;
+    color: #fff;
+    z-index: 999999999999999999;
+    text-decoration: none;
+    background: #666;
+    background: rgba(0,0,0,.8);
+    border: 1px dotted #ccc;
+    border-top: none;
+    border-radius: 0 0 6px 6px;
+}
 
 // --------------------------------------------------
 
@@ -159,6 +176,12 @@ p {
 	color: $gray-6;
 }
 
+a:focus {
+    outline: dotted 2px;
+    outline-offset: 4px;
+    color: #1B7582;
+}
+
 
 // --------------------------------------------------
 

web/themes/asc_bootstrap/assets/sass/style.scss

@@ -66,17 +66,18 @@
 @import "layout/section-background-colors";
 
 //Custom Components
-@import "components/video";
-@import "components/news";
 @import "components/cbpmenu";
 @import "components/events";
 @import "components/fields";
 @import "components/filters";
 @import "components/menu";
+@import "components/news";
 @import "components/paragraphs";
 @import "components/people";
 @import "components/people-styles";
 @import "components/simplemenu";
+@import "components/video";
+@import "components/webforms";
 
 // Custom Pages
 @import "pages/basic-page";

web/themes/asc_bootstrap/templates/field/field--field-slides.html.twig

@@ -36,7 +36,7 @@
  * @see template_preprocess_field()
  */
 #}
-<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="6000">
+<div id="carousel" class="carousel slide" data-ride="false" data-interval="0">
   <!-- Indicators -->
 
   <ol class="carousel-indicators">

web/themes/asc_bootstrap/templates/field/field--field-slides2.html.twig

@@ -36,7 +36,7 @@
  * @see template_preprocess_field()
  */
 #}
-<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="6000" style="width: 100%">
+<div id="carousel" class="carousel slide" data-ride="false" data-interval="0" style="width: 100%">
   <!-- Indicators -->
 
   <ol class="carousel-indicators">

web/themes/asc_bootstrap/templates/superfish/superfish.html.twig

@@ -22,7 +22,7 @@
 <ul id="{{ id }}" class="{{ menu_classes }}">
   {{ menu_items }}
   <li class="search-icon">
-    <a class="active-search">
+    <a href="#" class="active-search" title="Search" role="button" aria-label="Toggle Search">
       <i class="fa fa-search"></i>
     </a>
   </li>

web/themes/asc_bootstrap/templates/system/includes/_header.twig

 <header role="banner">
     <div aria-labelledby="osu_navbar_heading" id="osu_navbar" role="navigation">
       <h2 class="osu-semantic" id="osu_navbar_heading">Ohio State nav bar</h2>
-      <a class="osu-semantic" href="#page-content" id="skip">Skip to main content</a>
 
       <div class="container">
         <div class="univ_info">