interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Changed interactive elements

Browse source 
also tried to define global margin variable
This commit is contained in:
Stephan Hagedorn 2017-08-23 09:43:56 +02:00
parent f97f76ee3d
commit 615e5df2d9
5 changed files with 54 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

48
elements/_interactive.scss
View file

@ -6,7 +6,7 @@ form {
}
fieldset {
margin: $basic_space 0;
margin: $high_margin;
padding: $basic_space;
border: $basic_border;
}
@ -26,28 +26,13 @@ label {
& + input {
margin-left: $basic_space;
}
input + & {
margin-left: $basic_space;
}
}
.input_default label {
display: table;
margin: $half_space 0;
input {
display: table-cell;
margin-left: $basic_space;
padding: $half_space ($half_space + 1);
border-style: solid;
border-color: transparent;
background-color: $basic_io_back_color;
color: $basic_io_font_color;
&:hover {
background-color: $darkest_color;
color: $brightest_color;
}
}
}
@ -55,6 +40,35 @@ input {
}
.label__table {
display: table;
input {
display: table-cell;
}
}
.input_default {
label {
@extend .label__table;
margin: $half_space 0;
input {
padding: $half_space ($half_space + 1);
border-style: solid;
border-color: transparent;
background-color: $basic_io_back_color;
color: $basic_io_font_color;
&:hover {
background-color: $darkest_color;
color: $brightest_color;
}
}
}
}
// More