iot/esp8266-laser
1
0
Fork 0
mirror of https://github.com/0x1d/esp8266-laser.git synced 2025-12-15 02:22:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

more styling

Browse Source
This commit is contained in:
0x1d
2017-11-03 02:00:12 +00:00
parent f3508ce42b
commit 740e37c509
8 changed files with 229 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
frontend/styles/main.less
View File

@@ -19,27 +19,29 @@
background: @color-black;
color: @color-main-light;
margin: 0;
padding: 0;
ul {
* {
margin: 0;
padding: 0;
li {
margin: 0 0 0 0;
}
}
p {
padding: 0;
margin: 0;
.hidden {
display: none;
}
.shown {
display: block;
}
input,
button {
padding: .5em;
}
> .content {
padding: @default-padding * 2;
padding: @default-padding;
.heading {
font-size: 1.2em;
margin-bottom: @default-margin;
display: block;
margin-bottom: @default-margin;
}
.container {
background: @color-container;
@@ -47,38 +49,45 @@
border-radius: @default-border-radius;
border: solid 1px @default-border-color;
margin-bottom: @default-margin-small;
&.collapsible {
> .heading {
margin-bottom: 0;
&:hover {
cursor: pointer;
}
}
.content {
.hidden;
}
&.open {
> .heading {
margin-bottom: @default-margin;
}
.content {
.shown;
}
}
}
}
input[type="text"] {
input[type="text"], input[type="password"] {
height: @input-text-height;
background: transparent;
border: none;
color: @color-white;
&:focus, &:hover {
outline: none;
border-bottom: solid 1px @color-main;
box-shadow: 3px @color-main;
}
}
input[type="checkbox"] {
transform: scale(@input-checkbox-scale);
}
.form-row > button {
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;
}
}
*/