Several Form elements
This commit is contained in:
13
components/01_Atoms/checkbox/_checkbox.scss
Normal file
13
components/01_Atoms/checkbox/_checkbox.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
.LP-Form{
|
||||
.LP-Form__Checkbox{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.LP-Form__CheckBox__CheckMark{
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border: 1px solid black;
|
||||
padding: 0 calc(.5em + 2px);
|
||||
margin-right: .7em;
|
||||
}
|
||||
}
|
3
components/01_Atoms/checkbox/checkbox.config.json
Normal file
3
components/01_Atoms/checkbox/checkbox.config.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
|
||||
}
|
3
components/01_Atoms/checkbox/checkbox.hbs
Normal file
3
components/01_Atoms/checkbox/checkbox.hbs
Normal file
@@ -0,0 +1,3 @@
|
||||
<form class="LP-Form">
|
||||
<label for="wurstwasser" class="LP-Form__Label"><span class="LP-Form__CheckBox__CheckMark"></span><input id="wurstwasser" type="checkbox" class="LP-Form__Checkbox"/>Check me</label>
|
||||
</form>
|
Reference in New Issue
Block a user