iot/sprocket-ui
1
0
Fork 0
mirror of https://gitlab.com/wirelos/sprocket-ui.git synced 2025-12-17 23:06:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

select input component

Browse Source
This commit is contained in:
0x1d
2018-09-17 10:18:53 +02:00
parent 20e87b30f3
commit 56773fdfad
14 changed files with 287 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/form/color.less
View File

@@ -2,6 +2,6 @@
flex: none !important;
background-color: transparent;
border: 0;
height: 50px;
width: 75px;
height: 42px;
width: 42px;
}

4
src/styles/form/input.less
View File

@@ -9,10 +9,10 @@
background: transparent;
border: none;
color: @color-white;
border-bottom: solid 1px @color-main;
&:focus, &:hover {
outline: none;
border-bottom: solid 1px @color-main;
box-shadow: 3px @color-main;
border-bottom: 1px solid @color-main-light;
}
}
input[type="checkbox"] {

17
src/styles/form/select.less Normal file
View File

@@ -0,0 +1,17 @@
.sui {
select {
padding: .5em;
color: @color-white;
background: none;
border: none;
border-bottom: solid 1px @color-main;
&:focus, &:hover {
outline: none;
border: none;
border-bottom: solid 1px @color-main-light !important;
}
option {
background: @color-container;
}
}
}

1
src/styles/main.less
View File

@@ -9,3 +9,4 @@
@import "form/layout.less";
@import "form/input.less";
@import "form/color.less";
@import "form/select.less";