Permalink
Browse files

feat(fieldset): added layout for forms and fieldsets

  • Loading branch information...
Freihofner, Katrin Freihofner, Katrin
Freihofner, Katrin authored and Freihofner, Katrin committed Nov 11, 2016
1 parent 891ae1b commit 07dc7d734022bd1e61f4d79d38a5887f91c73d38
View
@@ -244,6 +244,16 @@ The following page contains all basic HTML elements. Here you can see if Groundh
<span class="radio__caption">Radio input</span>
</label>
<input type="radio" class="radio" name="rad" id="r2">
<label class="radio__label" for="r2">
<span class="radio__caption">Radio input</span>
</label>
<input type="radio" class="radio" name="rad" id="r3">
<label class="radio__label" for="r3">
<span class="radio__caption">Radio input</span>
</label>
<input type="checkbox" class="checkbox" id="cb1">
<label class="checkbox__label" for="cb1">
<span class="checkbox__caption">Checkbox input</span>
@@ -291,16 +301,38 @@ The following page contains all basic HTML elements. Here you can see if Groundh
<div><input type="datetime" value="1970-01-01T00:00:00Z" class="inputfield"></div>
<div><input type="datetime-local" value="1970-01-01T00:00" class="inputfield"></div>
<input type="radio" class="radio" name="rad" id="r2">
<label class="radio__label" for="r2">
<input type="radio" class="radio" name="rad" id="r4">
<label class="radio__label" for="r4">
<span class="radio__caption">Radio input</span>
</label>
<input type="radio" class="radio" name="rad" id="r5">
<label class="radio__label" for="r5">
<span class="radio__caption">Radio input</span>
</label>
<input type="radio" class="radio" name="rad" id="r6">
<label class="radio__label" for="r6">
<span class="radio__caption">Radio input</span>
</label>
<input type="radio" class="radio" name="rad" id="r7">
<label class="radio__label" for="r7">
<span class="radio__caption">Radio input</span>
</label>
<br>
<input type="checkbox" class="checkbox" id="cb2">
<label class="checkbox__label" for="cb2">
<span class="checkbox__caption">Checkbox input</span>
</label>
<input type="checkbox" class="checkbox" id="cb3">
<label class="checkbox__label" for="cb3">
<span class="checkbox__caption">Checkbox input</span>
</label>
<div><select><option>Option 01</option><option>Option 02</option></select></div>
<div><textarea cols="30" rows="5" class="textarea" placeholder="Textarea text" id="i7"></textarea></div>
@@ -25,7 +25,6 @@
text-align: left;
overflow: hidden;
width: 100%;
max-width: 600px;
color: $gray-700;
margin-bottom: 20px;
}
View
@@ -1,11 +1,9 @@
@import "../common/variables";
.fieldset {
display: block;
border: none;
padding-bottom: 40px;
padding-left: 0;
}
.fieldset * {
padding: 0;
margin: 0;
padding-bottom: 40px;
}
View
@@ -1,5 +1,5 @@
@import "../common/variables";
.form {
max-width: 600px;
max-width: 580px;
}
@@ -10,6 +10,7 @@
padding-left: 28px;
cursor: pointer;
user-select: none;
display: inline-block;
}
.radio__caption {
View
@@ -12,6 +12,7 @@ $includedTable: false !default;
line-height: 1.4em;
font-family: $mainfont;
margin-bottom: 1.5rem;
width: 100%;
}
.table th,
@@ -23,7 +23,7 @@
color: $gray-700;
resize: none;
width: 100%;
max-width: 600px;
margin-bottom: 20px;
}
.textarea::placeholder {

0 comments on commit 07dc7d7

Please sign in to comment.