docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
parent 650470359f 8d40b6e07a
commit 5736c9c859
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/container-home.less
View File

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

2
styles/mixins.less
View File

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

10
styles/new-container.less
View File

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

2
styles/right-panel.less
View File

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