Summary Files Commits Branches @commit @diff @stats
path: root / src / forms.less
diff options
context:
space:
mode:
Commit5444d9416dd655d5dbab1567b60e4facc3766ca1 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-03-03 09:21:40 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-03-03 09:21:40 +0800
Files3a3efec8ea16bbadca7a78d9076c58599366190d /src/forms.less
Spectre-Dark-Gruvbox-5444d9416dd655d5dbab1567b60e4facc3766ca1.tar
Spectre-Dark-Gruvbox-5444d9416dd655d5dbab1567b60e4facc3766ca1.tar.gz
Spectre-Dark-Gruvbox-5444d9416dd655d5dbab1567b60e4facc3766ca1.zip
Parent65b15ee08a235b565cf85e8b7272e8893094ccd7 (diff)
Simplify variables names
1 files changed, 20 insertions, 20 deletions
-rw-r--r--src/forms.less40
diff --git a/src/forms.less b/src/forms.less
index 429e0d3..42219b2 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -6,7 +6,7 @@
// Form element: Input boxes
.form-input {
appearance: none;
- background: @core-light-bg-color;
+ background: @light-bg-color;
background-image: none;
border: .1rem solid @control-color;
border-radius: @border-radius;
@@ -22,10 +22,10 @@
position: relative;
width: 100%;
&:focus {
- border-color: @core-primary-color;
+ border-color: @primary-color;
}
&[disabled] {
- background: @core-bg-color;
+ background: @bg-color;
}
// Input sizes
@@ -72,7 +72,7 @@
// Form element: Input hint
.form-input-hint {
- color: @core-gray-color;
+ color: @gray-color;
margin-top: .4rem;
.has-success &,
@@ -110,12 +110,12 @@
}
}
&:not([multiple]) {
- background: @core-light-bg-color url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
+ background: @light-bg-color url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem;
height: 3.2rem;
padding-right: 2.4rem;
}
&:focus {
- border-color: @core-primary-color;
+ border-color: @primary-color;
}
&::-ms-expand {
display: none;
@@ -158,7 +158,7 @@
position: absolute;
width: .1rem;
&:focus + .form-icon {
- border-color: @core-primary-color;
+ border-color: @primary-color;
.control-shadow();
}
}
@@ -189,11 +189,11 @@
input {
&:checked + .form-icon {
- background: @core-primary-color;
- border-color: @core-primary-color;
+ background: @primary-color;
+ border-color: @primary-color;
}
&:active + .form-icon {
- background: @core-border-color;
+ background: @border-color;
}
}
}
@@ -206,7 +206,7 @@
&:checked + .form-icon {
&::after {
background-clip: padding-box;
- border: .2rem solid @core-light-color;
+ border: .2rem solid @light-color;
border-left-width: 0;
border-top-width: 0;
content: "";
@@ -221,10 +221,10 @@
}
}
&:indeterminate + .form-icon {
- background: @core-primary-color;
- border-color: @core-primary-color;
+ background: @primary-color;
+ border-color: @primary-color;
&::after {
- background: @core-light-bg-color;
+ background: @light-bg-color;
content: "";
height: .2rem;
left: 50%;
@@ -244,7 +244,7 @@
input:checked + .form-icon {
&::after {
- background: @core-light-bg-color;
+ background: @light-bg-color;
border-radius: @border-radius;
content: "";
height: .4rem;
@@ -282,7 +282,7 @@
vertical-align: top;
width: 3rem;
&::after {
- background: @core-light-bg-color;
+ background: @light-bg-color;
border-radius: .8rem;
content: "";
display: block;
@@ -297,15 +297,15 @@
input {
&:checked + .form-icon {
- background: @core-primary-color;
- border-color: @core-primary-color;
+ background: @primary-color;
+ border-color: @primary-color;
&::after {
left: 1.2rem;
}
}
&:active + .form-icon {
&::after {
- background: @core-border-color;
+ background: @border-color;
}
}
}
@@ -316,7 +316,7 @@
display: flex;
.input-group-addon {
- background: @core-bg-color;
+ background: @bg-color;
border: .1rem solid @control-color;
border-radius: @border-radius;
line-height: 2rem;