[src]

- Fix dropdown triangle - Fix selects
colealanroberts-zz · Sep 8, 2016 · a99986f · a99986f
1 parent 35107b9
commit a99986f
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 23 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
  "name": "Exprecss",
  "description": "A lightweight responsive framework built on Bourbon & Neat",
- "version": "0.4.8",
+ "version": "0.4.9",
  "main": "exprecss.css",
  "ignore": [
  ".*",

diff --git a/exprecss.css b/exprecss.css
diff --git a/exprecss.css.map b/exprecss.css.map
diff --git a/src/_exprecss.sass b/src/_exprecss.sass
@@ -1,4 +1,4 @@
-$version: 'v0.4.8'
+$version: 'v0.4.9'
 $year: '2016'
 $license: 'WTFPL'
 

diff --git a/src/partials/_buttons.sass b/src/partials/_buttons.sass
@@ -98,7 +98,7 @@ input.btn
 
  &-dropdown
  position: relative
- z-index: $z-index-alpha
+ z-index: 1 !important
  width: 100%
  height: 100%
  overflow: hidden

diff --git a/src/partials/_dropdowns.sass b/src/partials/_dropdowns.sass
@@ -4,9 +4,25 @@
  height: 100%
  right: 0
 
+ &:after,
+ &:before
+ display: block
+ z-index: 2
+ content: ''
+
+ &:after
+ @include position(absolute, 0 null null 0)
+ width: 1px
+ height: 100%
+ background: $border-grey
+
+ &:before
+ @include triangle(10px, darken($border-grey, 20%), down)
+ @include position(absolute, 50% null null 50%)
+ @include transform(translate(-50%, -50%))
+
  &-menu-container
  @include position(absolute, null 1px null null)
- // position: relative - Added Decemeber 16th
 
  &-inactive
  @include animation(dropdown-close $ease-out-cubic ($transition-duration-default - 50ms))
@@ -22,15 +38,6 @@
  .dropdown-menu
  display: block
 
- &:before
- @include image-retina('src/img/dropdown-triangle', 'png', 13px, $height-dropdown-triangle)
- @include position(absolute, -($height-dropdown-triangle) 15px null null)
- z-index: $z-index-alpha + 3
- display: block
- content: ''
- width: 13px
- height: $height-dropdown-triangle
-
  &-menu
  @include position(absolute, null 0 null null)
  @include appearance(none)
@@ -65,4 +72,4 @@
  font-size: $font-size-12
 
  &:hover
- background: darken($white, 3%)
+ background: darken($white, 3%)
diff --git a/src/partials/_selects.sass b/src/partials/_selects.sass
@@ -72,11 +72,8 @@
  pointer-events: none
 
  &:after
- @include position(absolute, 2px 0 null null)
  @include triangle(10px, darken($border-grey, 20%), down)
+ @include position(absolute, 50% $px-gutter-small null null)
+ @include transform(translateY(-50%))
  display: block
  content: ''
- width: 40px
- height: 35px
- border-top: none
- border-right: none