spelling

components.html

@@ -290,7 +290,7 @@ base_url: "../"
       </div>
 
 {% highlight html %}
-<!-- Segmented controler in standard bar fixed to top -->
+<!-- Segmented control in standard bar fixed to top -->
 <nav class="bar bar-standard">
   <ul class="segmented-control">
     <li class="active">
@@ -757,7 +757,7 @@ quis nostrud exercitation ullamco.</p>
   </article>
 
   <!-- Segmented Control -->
-  <article class="component" id="segmentedControllers">
+  <article class="component" id="segmentedControls">
     <h3 class="component-title">Segmented control</h3>
     <p class="component-description">Created with flex-box so button sizes and spacing are consistent. Content sections that are to be swapped in and out by the controller should all be siblings and have the class "segmented-control-item". Then, just give each content section an id and point the link in the segmented control to that id.</p>
 

docs-assets/css/docs.css

@@ -394,11 +394,11 @@ body {
   margin: 10px;
 }
 
-#segmentedControllersInDevice .segmented-control {
+#segmentedControlsInDevice .segmented-control {
   margin-right: 10px;
   margin-left: 10px;
 }
-#segmentedControllersInDevice .card span {
+#segmentedControlsInDevice .card span {
   padding: 10px;
 }
 

lib/sass/docs.scss

@@ -409,7 +409,7 @@ body {
 }
 
 //Segmented Control
-#segmentedControllersInDevice {
+#segmentedControlsInDevice {
   .segmented-control {
     margin-right: 10px;
     margin-left: 10px;