Permalink
Browse files

feat(select): added dropdown icons

  • Loading branch information...
Freihofner, Katrin Freihofner, Katrin
Freihofner, Katrin authored and Freihofner, Katrin committed Dec 5, 2016
1 parent dd712f1 commit 3cc535ea37f306d12fce7c0f8350652e19baa2d5
@@ -1 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#00b9cc" d="M189.246 446L364.49 270.758v-29.52L189.245 66l-41.735 41.742L295.764 256 147.51 404.252z"/></svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#00A1B2;}
</style>
<path class="st0" d="M189.2,446l175.2-175.2v-29.5L189.2,66l-41.7,41.7L295.8,256L147.5,404.3L189.2,446z"/>
</svg>
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#00A1B2;}
</style>
<path class="st0" d="M66,189.2l175.2,175.2h29.5L446,189.2l-41.7-41.7L256,295.8L107.7,147.5L66,189.2z"/>
</svg>
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#00A1B2;}
</style>
<path class="st0" d="M446,322.8L270.8,147.5l-29.5,0L66,322.8l41.7,41.7L256,216.2l148.3,148.3L446,322.8z"/>
</svg>
View
@@ -29,6 +29,7 @@
@import "switch/switch";
@import "tabs/tabs";
@import "slider/slider";
@import "select/select";
/** Trumps **/
@import "trumps/hide-mq";
View
No changes.
@@ -0,0 +1,2 @@
<label for="s1" class="label"></label>
<select class="select" id="s1"><option selected="selected">blank</option></select>
View
No changes.
View
@@ -0,0 +1,29 @@
@import "../common/variables";
.select {
font-family: $mainfont;
appearance: none;
position: relative;
display: inline-block;
box-sizing: border-box;
height: 32px;
border: 1px solid $disabledcolor;
border-radius: 3px;
padding: 0;
padding-left: 11px;
padding-right: 11px;
cursor: pointer;
font-size: 14px;
line-height: 32px;
line-height: -moz-block-height;
white-space: nowrap;
text-align: left;
overflow: hidden;
width: 100%;
color: $gray-700;
background-color: #fff;
background-image: url(/assets/images/icons/icons_file_002_dropdownclosed_downwards.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center right 11px;
}
@@ -0,0 +1,20 @@
{"options": [
{
"value": "Papaya"
},
{
"value": "Banana"
},
{
"value": "Ananas"
},
{
"value": "Apple"
},
{
"value": "Kiwi"
},
{
"value": "Orange"
}
]}

0 comments on commit 3cc535e

Please sign in to comment.