LT-253: Creating select2 component
This commit is contained in:
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
|
||||
Reference in new issue
Block a user