Merge pull request #141 from primer/sms

2.3.1: Small selects

_config.yml

@@ -8,7 +8,7 @@ permalink: pretty
 source: docs
 baseurl: ""
 
-version: 2.3.0
+version: 2.3.1
 
 sass:
   sass_dir: ../

css/.primer-stats.md

@@ -1,23 +1,23 @@
 # [primer]( http://primercss.io )
 
-**Version:** `2.2.1`
+**Version:** `2.3.1`
 
 ## Parker Report
 
 ### css/primer.css
 
 - **Total Stylesheets:** 1
-- **Total Stylesheet Size:** 28454
+- **Total Stylesheet Size:** 29043
 - **Total Media Queries:** 1
-- **Total Rules:** 366
-- **Selectors Per Rule:** 1.489071038251366
-- **Total Selectors:** 545
-- **Identifiers Per Selector:** 2.1247706422018346
-- **Specificity Per Selector:** 16.387155963302753
+- **Total Rules:** 372
+- **Selectors Per Rule:** 1.521505376344086
+- **Total Selectors:** 566
+- **Identifiers Per Selector:** 2.2703180212014136
+- **Specificity Per Selector:** 17.32155477031802
 - **Top Selector Specificity:** 50
 - **Top Selector Specificity Selector:** .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before
 - **Total Id Selectors:** 0
-- **Total Identifiers:** 1158
+- **Total Identifiers:** 1285
 - **Total Declarations:** 921
-- **Total Unique Colors:** 79
+- **Total Unique Colors:** 81
 - **Total Important Keywords:** 1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "primer",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "homepage": "http://primercss.io",
   "author": "GitHub, Inc.",
   "scss": "./scss/primer.scss",

scss/_forms.scss

@@ -29,7 +29,7 @@ textarea {
   vertical-align: middle;
   background-color: #fff;
   background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
-  background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically. 
+  background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
   border: 1px solid #ccc;
   border-radius: 3px;
   outline: none;
@@ -531,9 +531,12 @@ input::-webkit-inner-spin-button {
 }
 
 .select-sm {
-  height: 26px;
-  min-height: 26px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 12px;
+
+  &:not([multiple]) {
+    height: 26px;
+    min-height: 26px;
+  }
 }