New stuff
This commit is contained in:
parent
db96a298fb
commit
f97f76ee3d
30 changed files with 1463 additions and 1146 deletions
131
elements/_interactive.scss
Normal file
131
elements/_interactive.scss
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
// Form basics
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
form {
|
||||
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: $basic_space 0;
|
||||
padding: $basic_space;
|
||||
border: $basic_border;
|
||||
}
|
||||
|
||||
legend {
|
||||
@extend %basic;
|
||||
padding: 0 $half_space;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Common
|
||||
// -----------------------------------------------------------------------------
|
||||
label {
|
||||
@extend %basic;
|
||||
|
||||
& + 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// More
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
button {
|
||||
|
||||
}
|
||||
|
||||
select {
|
||||
|
||||
}
|
||||
|
||||
datalist {
|
||||
|
||||
}
|
||||
|
||||
optgroup {
|
||||
|
||||
}
|
||||
|
||||
option {
|
||||
|
||||
}
|
||||
|
||||
textarea {
|
||||
|
||||
}
|
||||
|
||||
output {
|
||||
|
||||
}
|
||||
|
||||
progress {
|
||||
|
||||
}
|
||||
|
||||
meter {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Interactive elements
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
details {
|
||||
|
||||
}
|
||||
|
||||
summary {
|
||||
|
||||
}
|
||||
|
||||
menu {
|
||||
|
||||
}
|
||||
|
||||
menuitem {
|
||||
|
||||
}
|
||||
|
||||
dialog {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Canvas
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
canvas {
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue