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 {
|
||||
@extend %basic;
|
||||
}
|
||||
|
||||
label,
|
||||
p {
|
||||
input, button, textarea, select {
|
||||
margin-left: $space_basic;
|
||||
margin: 0 $space_basic;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -37,16 +40,6 @@ input + label {
|
|||
margin-left: $space_basic;
|
||||
}
|
||||
|
||||
.label {
|
||||
line-height: 2.5;
|
||||
}
|
||||
|
||||
.label > input,
|
||||
.label > textarea,
|
||||
.label > select {
|
||||
margin: 0 $space_basic;
|
||||
}
|
||||
|
||||
// Input
|
||||
// -----------------------------------------------------------------------------
|
||||
input {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue