feat: Change label styles and update layouts
- Remove .label - Handle interactive elements inside p like inside label instead
This commit is contained in:
parent
2d582a5032
commit
cf8fc6bd5d
1 changed files with 4 additions and 11 deletions
|
|
@ -27,9 +27,12 @@ form {
|
||||||
// -----------------------------------------------------------------------------
|
// -----------------------------------------------------------------------------
|
||||||
label {
|
label {
|
||||||
@extend %basic;
|
@extend %basic;
|
||||||
|
}
|
||||||
|
|
||||||
|
label,
|
||||||
|
p {
|
||||||
input, button, textarea, select {
|
input, button, textarea, select {
|
||||||
margin-left: $space_basic;
|
margin: 0 $space_basic;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -37,16 +40,6 @@ input + label {
|
||||||
margin-left: $space_basic;
|
margin-left: $space_basic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
|
||||||
line-height: 2.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label > input,
|
|
||||||
.label > textarea,
|
|
||||||
.label > select {
|
|
||||||
margin: 0 $space_basic;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Input
|
// Input
|
||||||
// -----------------------------------------------------------------------------
|
// -----------------------------------------------------------------------------
|
||||||
input {
|
input {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue