Change .c-select to .custom-select

diff --git a/docs/components/forms.md b/docs/components/forms.md
index 2e7f5e4628f3bea94eae5e6ba9d00ae0c0037c83..e93e28bd6d4e203b86b9de1be6ebb4f0363689c4 100644 (file)
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -694,10 +694,10 @@ Custom checkboxes and radios are inline to start. Add a parent with class `.cust
 
 ### Select menu
 
-Custom `<select>` menus need only a custom class, `.c-select` to trigger the custom styles.
+Custom `<select>` menus need only a custom class, `.custom-select` to trigger the custom styles.
 
 {% example html %}
-<select class="c-select">
+<select class="custom-select">
   <option selected>Open this select menu</option>
   <option value="1">One</option>
   <option value="2">Two</option>

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index a9abd04e6f54122dea847264db0207305caa78a5..9c18c5c7f5eea77a2fe0a0b88bc848ac998ce82a 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -140,7 +140,7 @@
 //
 // Includes IE9-specific hacks (noted by ` \9`).
 
-.c-select {
+.custom-select {
   display: inline-block;
   max-width: 100%;
   padding: .375rem 1.75rem .375rem .75rem;
@@ -167,7 +167,7 @@
   }
 }
 
-.c-select-sm {
+.custom-select-sm {
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 12px;