]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
style multiple selects, add to docs 8376/head
authorAndy Cochran <acochran@council.nyc.gov>
Wed, 9 Mar 2016 19:58:08 +0000 (14:58 -0500)
committerAndy Cochran <acochran@council.nyc.gov>
Wed, 9 Mar 2016 19:58:08 +0000 (14:58 -0500)
docs/pages/forms.md
scss/forms/_select.scss

index cc5fc123e87985f008f04721664aeb762369ae3a..47b09bdec6ef6bbb954b60853a2c6b6f6b0f8196 100644 (file)
@@ -18,7 +18,7 @@ Creating a form in Foundation is designed to be easy but extremely flexible. For
 
 ---
 
-### Text Inputs
+#### Text Inputs
 
 These input types create a text field: `text`, `date`, `datetime`, `datetime-local`, `email`, `month`, `number`, `password`, `search`, `tel`, `time`, `url`, and `week`.
 
@@ -67,7 +67,7 @@ The `<textarea>` element creates a multi-line text input.
 
 ---
 
-### Select Menus
+#### Select Menus
 
 Use select menus to combine many choices into one menu.
 
@@ -82,9 +82,22 @@ Use select menus to combine many choices into one menu.
 </label>
 ```
 
+Add the `multiple` attribute to allow more than one option to be selected.
+
+```html_example
+<label>Multiple Select Menu
+  <select multiple>
+    <option value="showboat">Showboat</option>
+    <option value="redwing">Redwing</option>
+    <option value="narcho">Narcho</option>
+    <option value="hardball">Hardball</option>
+  </select>
+</label>
+```
+
 ---
 
-### Checkboxes and Radio Buttons
+#### Checkboxes and Radio Buttons
 
 Use groups of checkboxes when the user may select multiple choices from a list, and use radio buttons when the user must select just one choice.
 
@@ -109,7 +122,7 @@ Wrap a group of checkboxes or radio buttons in a `<fieldset>` element, and give
 
 ---
 
-### Fieldset Styles
+#### Fieldset Styles
 
 To encourage their use as an accessibility tool, the `<fieldset>` element is no longer styled by default. Those styles are now contained in the `.fieldset` class.
 
index 0cd3ea4e25dee6f09b2f98224d34834b405af0fa..4471125ac53270bc7d5a726ba550638e2e1ec8bb 100644 (file)
@@ -55,6 +55,7 @@ $select-radius: $global-radius !default;
 
   &[multiple] {
     height: auto;
+    background-image: none;
   }
 }