From 4e00507678003446b73c96a736498c7800118b84 Mon Sep 17 00:00:00 2001 From: Lonewolf Date: Wed, 2 Apr 2014 22:53:11 +0530 Subject: [PATCH] Moved form-select mixin def out of another mixin --- scss/foundation/components/_forms.scss | 35 +++++++++++++------------- 1 file changed, 18 insertions(+), 17 deletions(-) diff --git a/scss/foundation/components/_forms.scss b/scss/foundation/components/_forms.scss index d35b87f64..02bfadc24 100644 --- a/scss/foundation/components/_forms.scss +++ b/scss/foundation/components/_forms.scss @@ -302,6 +302,24 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; @else { color: $input-error-message-font-color-alt; } } +// We use this mixin to style select elements +@mixin form-select { + -webkit-appearance: none !important; + background-color: $select-bg-color; + background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=='); + background-repeat: no-repeat; + background-position: if($text-direction == 'rtl', 3%, 97%) center; + border: $input-border-width $input-border-style $input-border-color; + padding: $form-spacing / 2; + font-size: $input-font-size; + @include radius(0); + &.radius { @include radius($global-radius); } + &:hover { + background-color: $select-hover-bg-color; + border-color: $input-focus-border-color; + } +} + @include exports("form") { @if $include-html-form-classes { /* Standard Forms */ @@ -321,23 +339,6 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; } } - @mixin form-select { - -webkit-appearance: none !important; - background-color: $select-bg-color; - background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=='); - background-repeat: no-repeat; - background-position: if($text-direction == 'rtl', 3%, 97%) center; - border: $input-border-width $input-border-style $input-border-color; - padding: $form-spacing / 2; - font-size: $input-font-size; - @include radius(0); - &.radius { @include radius($global-radius); } - &:hover { - background-color: $select-hover-bg-color; - border-color: $input-focus-border-color; - } - } - select::-ms-expand { display:none; } -- 2.47.2