Files
esp8266-laser/frontend/styles/main.less
2017-11-03 00:24:47 +00:00

84 lines
1.6 KiB
Plaintext

@import "form.less";
@color-black: #000000;
@color-white: #eeeeee;
@color-main: #097479;
@color-main-light: #0eb8c0;
@color-container: #333333;
@default-padding: 16px;
@default-margin: 16px;
@default-margin-small: 8px;
@default-border-radius: 4px;
@default-border-color: #555555;
@input-text-height: 16px;
@input-checkbox-scale: 2;
.sui {
background: @color-black;
color: @color-main-light;
margin: 0;
padding: 0;
ul {
padding: 0;
li {
margin: 0 0 0 0;
}
}
p {
padding: 0;
margin: 0;
}
> .content {
padding: @default-padding * 2;
.heading {
font-size: 1.2em;
margin-bottom: @default-margin;
display: block;
}
.container {
background: @color-container;
padding: @default-padding;
border-radius: @default-border-radius;
border: solid 1px @default-border-color;
margin-bottom: @default-margin-small;
}
input[type="text"] {
height: @input-text-height;
}
input[type="checkbox"] {
transform: scale(@input-checkbox-scale);
}
.form-row > button {
background: @color-main;
color: white;
border: 0;
}
}
.sidebar {
.item {
}
}
}
.settings {
}
/*
.spiro-control {
label {
width: 10%;
display: inline-block;
}
input[type="range"] {
width: 80%;
display: inline-block;
}
}
*/