From c703e39b6c728e12f6b21d82f94cf463d8a440b2 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Jo=C3=A3o=20Cunha?= Date: Wed, 11 Jun 2014 18:23:29 +0400 Subject: [PATCH] adds comments --- scss/foundation/components/_forms.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/scss/foundation/components/_forms.scss b/scss/foundation/components/_forms.scss index 03bd6feff..ae641c85c 100644 --- a/scss/foundation/components/_forms.scss +++ b/scss/foundation/components/_forms.scss @@ -306,8 +306,14 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default; @mixin form-select { -webkit-appearance: none !important; background-color: $select-bg-color; + + // The custom arrow have some fake horizontal padding so we can align it + // from the right side of the element without relying on CSS3 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); + + // We can safely use leftmost and rightmost now background-position: if($text-direction == 'rtl', 0%, 100%) center; + background-repeat: no-repeat; border: $input-border-width $input-border-style $input-border-color; padding: $form-spacing / 2; -- 2.47.2