Summary Files Commits Branches @commit @diff @stats
path: root / src / forms.less
diff options
context:
space:
mode:
Commitf4831f0a2ef077360b03127e3d29504039fde7c3 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-01-07 18:54:23 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-01-07 18:54:23 +0800
Filesbb6e7fa893dad49fc6e5891a53191eb17bc02f5b /src/forms.less
Spectre-Dark-Gruvbox-f4831f0a2ef077360b03127e3d29504039fde7c3.tar
Spectre-Dark-Gruvbox-f4831f0a2ef077360b03127e3d29504039fde7c3.tar.gz
Spectre-Dark-Gruvbox-f4831f0a2ef077360b03127e3d29504039fde7c3.zip
Parent05070ecb4d6bbe772aacc5922c89e9008feec6de (diff)
CHG: Improve all components
1 files changed, 7 insertions, 10 deletions
-rw-r--r--src/forms.less17
diff --git a/src/forms.less b/src/forms.less
index 131fbc5..1bc59e0 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -8,15 +8,15 @@
background: #fff;
background-image: none;
border: .1rem solid @control-color;
- border-radius: .3rem;
+ border-radius: @border-radius;
color: @body-font-color;
display: block;
font-size: 1.4rem;
height: 3.2rem;
- line-height: 1.6rem;
+ line-height: 1.8rem;
max-width: 100%;
outline: 0;
- padding: .7rem .8rem;
+ padding: .6rem .8rem;
position: relative;
width: 100%;
&:focus {
@@ -28,14 +28,12 @@
// Input sizes
&.input-sm {
- border-radius: .2rem;
font-size: 1.2rem;
height: 2.4rem;
padding: .3rem .6rem;
}
&.input-lg {
- border-radius: .4rem;
font-size: 1.6rem;
height: 4.2rem;
line-height: 2rem;
@@ -98,7 +96,7 @@
.form-select {
appearance: none;
border: .1rem solid @control-color;
- border-radius: .3rem;
+ border-radius: @border-radius;
font-size: 1.4rem;
line-height: 1.6rem;
min-width: @control-min-width;
@@ -124,7 +122,6 @@
// Select sizes
&.select-sm {
- border-radius: .2rem;
font-size: 1.2rem;
height: 2.4rem;
padding: .4rem 2rem .4rem .6rem;
@@ -203,7 +200,7 @@
}
.form-checkbox {
.form-icon {
- border-radius: .2rem;
+ border-radius: @border-radius;
}
input {
@@ -249,7 +246,7 @@
input:checked + .form-icon {
&::after {
background: #fff;
- border-radius: .2rem;
+ border-radius: @border-radius;
content: "";
height: .4rem;
left: 50%;
@@ -320,7 +317,7 @@
.input-group-addon {
background: lighten(@core-border-color, 4%);
border: .1rem solid @control-color;
- border-radius: .3rem;
+ border-radius: @border-radius;
line-height: 1.6rem;
padding: .7rem .8rem;