LT-253: Creating select2 component

This commit is contained in:
Bruno Alves de Faria authored and Erik Ziegler committed 2016-07-22 11:12:04 +02:00
1 parent 9d31b49997
commit 8564c52981
31 files changed
+123 -492

No files matched your search

@@ -1,10 +0,0 @@
<template name="radioOption">
<label class="radio-option">
<input type="radio"
name="{{this.name}}"
value="{{this.value}}"
class="{{this.class}}"
checked="{{#if this.checked}}checked{{/if}}"/>
<span>{{this.label}}</span>
</label>
</template>
@@ -1,35 +0,0 @@
@import "{design}/app"
label.radio-option
cursor: pointer
input
height: 0
width: 0
span
padding-left: 23px
position: relative
&:before
background: white
border-radius: 8px
content: ''
display: block
height: 16px
left: 0
position: absolute
top: 50%
transform(translateY(-50%))
width: 16px
input:focus + span:before
// TODO: [design] define a outline for the design
outline: none
box-shadow: 0 0 2px 2px $textSecondaryColor
input:checked + span:after
background: $uiBorderColorDark
border-radius: 5px
content: ''
height: 10px
left: 3px
position: absolute
top: 50%
transform(translateY(-50%))
width: 10px