Summary Files Commits Branches @commit @diff @stats
path: root / src / buttons.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/buttons.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, 26 insertions, 26 deletions
-rw-r--r--src/buttons.less52
diff --git a/src/buttons.less b/src/buttons.less
index 8b172a6..1c0a641 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -1,10 +1,10 @@
// Buttons
.btn {
-webkit-appearance: none;
- background: @core-light-bg-color;
- border: .1rem solid @core-primary-color;
+ background: @light-bg-color;
+ border: .1rem solid @primary-color;
border-radius: @border-radius;
- color: @core-link-color;
+ color: @link-color;
.control-transition();
cursor: pointer;
display: inline-block;
@@ -18,46 +18,46 @@
vertical-align: middle;
white-space: nowrap;
&:focus {
- background: @core-secondary-color;
+ background: @secondary-color;
text-decoration: none;
}
&:hover {
- background: @core-primary-color;
- border-color: @core-dark-primary-color;
- color: @core-light-color;
+ background: @primary-color;
+ border-color: @dark-primary-color;
+ color: @light-color;
text-decoration: none;
}
&:active,
&.active {
- background: @core-dark-primary-color;
- border-color: darken(@core-dark-primary-color, 5%);
- color: @core-light-color;
+ background: @dark-primary-color;
+ border-color: darken(@dark-primary-color, 5%);
+ color: @light-color;
}
// Button Primary
&.btn-primary {
- background: @core-primary-color;
- border-color: @core-dark-primary-color;
- color: @core-light-color;
+ background: @primary-color;
+ border-color: @dark-primary-color;
+ color: @light-color;
&:focus {
- background: @core-dark-primary-color;
- border-color: darken(@core-dark-primary-color, 5%);
- color: @core-light-color;
+ background: @dark-primary-color;
+ border-color: darken(@dark-primary-color, 5%);
+ color: @light-color;
}
&:hover {
- background: darken(@core-dark-primary-color, 2%);
- border-color: darken(@core-dark-primary-color, 5%);
- color: @core-light-color;
+ background: darken(@dark-primary-color, 2%);
+ border-color: darken(@dark-primary-color, 5%);
+ color: @light-color;
}
&:active,
&.active {
- background: darken(@core-dark-primary-color, 4%);
- border-color: darken(@core-dark-primary-color, 7%);
- color: @core-light-color;
+ background: darken(@dark-primary-color, 4%);
+ border-color: darken(@dark-primary-color, 7%);
+ color: @light-color;
}
&.loading {
&::after {
- border-color: @core-light-color;
+ border-color: @light-color;
border-right-color: transparent;
border-top-color: transparent;
}
@@ -68,14 +68,14 @@
&.btn-link {
background: transparent;
border-color: transparent;
- color: @core-link-color;
+ color: @link-color;
&:focus,
&:hover {
- color: @core-dark-link-color;
+ color: @dark-link-color;
}
&:active,
&.active {
- color: darken(@core-dark-link-color, 10%);
+ color: darken(@dark-link-color, 10%);
}
}