FFE-2. Konverterer radio-button til BEM.

SpareBank1 · Nov 24, 2015 · 6550eaf · 6550eaf
1 parent 4c2625f
commit 6550eaf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/examples/form.html b/examples/form.html
@@ -219,19 +219,19 @@ <h3 class="h3 -spaced">Radio button</h3>
                         value="yes"
                         id="unicornwings-1"
                         checked>
-                <label class="radio-button -inline" for="unicornwings-1">Yes</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-1">Yes</label>
                 <input  class="radio-input"
                         type="radio"
                         name="unicornwings"
                         value="no"
                         id="unicornwings-2">
-                <label class="radio-button -inline" for="unicornwings-2">No</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-2">No</label>
                 <input  class="radio-input"
                         type="radio"
                         name="unicornwings"
                         value="dunno"
                         id="unicornwings-3">
-                <label class="radio-button -inline" for="unicornwings-3">I do not know!</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-3">I do not know!</label>
             </fieldset>
         </div>
 
@@ -245,7 +245,7 @@ <h3 class="h3 -spaced">Radio button</h3>
     value=&quot;yes&quot;
     id=&quot;unicornwings-1&quot;
     checked&gt;
-&lt;label class=&quot;radio-button -inline&quot; for=&quot;unicornwings-1&quot;&gt;Yes&lt;/label&gt;
+&lt;label class=&quot;radio-button radio-button_inline&quot; for=&quot;unicornwings-1&quot;&gt;Yes&lt;/label&gt;
         </code>
     </div>
 
@@ -522,19 +522,19 @@ <h3>Feilmeldinger på skjemaelementene</h3>
                         value="yes"
                         id="unicornwings-1-invalid"
                         checked>
-                <label class="radio-button -inline" for="unicornwings-1-invalid">Yes</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-1-invalid">Yes</label>
                 <input  class="radio-input"
                         type="radio"
                         name="unicornwings-validation"
                         value="no"
                         id="unicornwings-2-invalid">
-                <label class="radio-button -inline" for="unicornwings-2-invalid">No</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-2-invalid">No</label>
                 <input  class="radio-input"
                         type="radio"
                         name="unicornwings-validation"
                         value="dunno"
                         id="unicornwings-3-invalid">
-                <label class="radio-button -inline" for="unicornwings-3-invalid">I do not know!</label>
+                <label class="radio-button radio-button_inline" for="unicornwings-3-invalid">I do not know!</label>
             </fieldset>
             <div class="info-message info-message_error">Ta våre fabeldyr på alvor.</div>
         </div>

diff --git a/less/components/radio-button.less b/less/components/radio-button.less
@@ -9,7 +9,7 @@
     text-align: left;
     padding-left: 30px;
 
-    &.-inline {
+    &_inline {
       display: inline-block;
       margin-right: 20px;
     }