Summary Files Commits Branches @commit @diff @stats
path: root / src
diff options
context:
space:
mode:
3 files changed, 12 insertions, 15 deletions
-rw-r--r--src/buttons.less12
-rw-r--r--src/forms.less7
-rw-r--r--src/variables.less8
diff --git a/src/buttons.less b/src/buttons.less
index 96e9bd4..66d57d4 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -46,20 +46,16 @@
background: @primary-color;
border-color: @dark-primary-color;
color: @light-color;
- &:focus {
- background: @dark-primary-color;
- border-color: darken(@dark-primary-color, 2%);
- color: @light-color;
- }
+ &:focus,
&:hover {
background: darken(@dark-primary-color, 2%);
- border-color: darken(@dark-primary-color, 7%);
+ border-color: darken(@dark-primary-color, 5%);
color: @light-color;
}
&:active,
&.active {
background: darken(@dark-primary-color, 4%);
- border-color: darken(@dark-primary-color, 9%);
+ border-color: darken(@dark-primary-color, 7%);
color: @light-color;
}
&.loading {
@@ -162,8 +158,8 @@
border-top-left-radius: 0;
margin-left: -.1rem;
}
- &:hover,
&:focus,
+ &:hover,
&:active,
&.active {
z-index: 9;
diff --git a/src/forms.less b/src/forms.less
index 6385236..b732d4f 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -232,11 +232,11 @@
content: "";
height: .2rem;
left: 50%;
- margin-left: -.4rem;
+ margin-left: -.5rem;
margin-top: -.1rem;
position: absolute;
top: 50%;
- width: .8rem;
+ width: 1rem;
}
}
}
@@ -253,9 +253,10 @@
content: "";
height: .4rem;
left: 50%;
+ margin-left: -.2rem;
+ margin-top: -.2rem;
position: absolute;
top: 50%;
- transform: translate(-50%, -50%);
width: .4rem;
}
}
diff --git a/src/variables.less b/src/variables.less
index 2e2bc96..097445c 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -25,11 +25,11 @@
// Core colors
@primary-color: #5764c6;
-@dark-primary-color: darken(@primary-color, 5%);
-@light-primary-color: lighten(@primary-color, 2%);
+@dark-primary-color: darken(@primary-color, 3%);
+@light-primary-color: lighten(@primary-color, 3%);
@secondary-color: lighten(@primary-color, 40%);
-@dark-secondary-color: darken(@secondary-color, 5%);
-@light-secondary-color: lighten(@secondary-color, 2%);
+@dark-secondary-color: darken(@secondary-color, 3%);
+@light-secondary-color: lighten(@secondary-color, 3%);
@dark-color: #333;
@dark-gray-color: #666;
@gray-color: #999;