Merge pull request #447 from kitematic/ui-tweak

Tweaked UI colors (clearer borders)
This commit is contained in:
Sean Li 2015-04-27 16:01:26 -07:00
commit 5736c9c859
4 changed files with 9 additions and 7 deletions

View File

@ -180,7 +180,7 @@
width: 110px;
padding: 5px;
&:hover {
background-color: @color-background;
background-color: darken(@color-background, 2%);
border-radius: 10px;
}
img {

View File

@ -24,7 +24,7 @@
.widget-style() {
border-radius: 4px;
border: 1px solid @gray-lightest;
border: 1px solid @gray-lighter;
position: relative;
overflow: hidden;
}

View File

@ -105,7 +105,7 @@
border-color: @brand-primary;
}
&::-webkit-input-placeholder {
color: #DDD;
color: @gray-lightest;
font-weight: 400;
}
}
@ -179,8 +179,8 @@
flex: 1 auto;
min-width: 90px;
background-color: @brand-action;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
justify-content: center;
text-align: center;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2);
@ -191,8 +191,10 @@
.card {
padding: 10px 20px 10px 20px;
position: relative;
border: 1px solid @gray-lightest;
border: 1px solid @gray-lighter;
border-left: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
.badges {
position: absolute;
right: 15px;

View File

@ -73,7 +73,7 @@
display: inline-block;
&:hover {
border-radius: 40px;
background-color: @color-background;
background-color: darken(@color-background, 2%);
}
&.active {
border-radius: 40px;