luxolus/open-consul
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

ui: styles, simpler active state

Browse source
This commit is contained in:
Jack Pearkes 2014-04-25 15:12:21 -04:00
parent 0a21314e60
commit 524cce902c
4 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/styles/_buttons.scss
View file

@ -2,6 +2,7 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-size: 12px; font-size: 12px;
border-width: 2px;
color: $gray; color: $gray;
@include transition(background-color .1s ease-in-out); @include transition(background-color .1s ease-in-out);
@ -19,9 +20,9 @@
} }
&.btn-primary, &.active { &.btn-primary, &.active {
color: $purple; color: $purple-dark;
background-color: transparent; background-color: transparent;
border: 2px solid $purple; border: 2px solid $purple-dark;
&:hover { &:hover {
background-color: $light-purple; background-color: $light-purple;

4
ui/styles/_lists.scss
View file

@ -1,7 +1,7 @@
.list-group-item { .list-group-item {
padding: 0; padding: 0;
border-width: 2px; border-width: 2px;
border-bottom-width: 4px; border-bottom-width: 2px;
border-radius: 0px; border-radius: 0px;
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 15px; margin-top: 15px;
@ -42,7 +42,7 @@
} }
&.active { &.active {
background-color: $purple; border-color: $gray;
} }
} }

4
ui/styles/_panels.scss
View file

@ -46,11 +46,11 @@
} }
&.panel-link { &.panel-link {
border-bottom-width: 4px; border-bottom-width: 2px;
} }
&.panel-short { &.panel-short {
border-bottom-width: 2px; border-bottom-width: 0px;
} }
&.panel-link:hover { &.panel-link:hover {

3
ui/styles/_variables.scss
View file

@ -12,7 +12,8 @@ $red-darker: #b03c44;
$tan: #f0f0e5; $tan: #f0f0e5;
$consul-gray: #909090; $consul-gray: #909090;
$consul-footer-gray: #d7d4d7; $consul-footer-gray: #d7d4d7;
$purple: #69499a; $purple-dark: #69499a;
$purple: lighten($purple-dark, 20%);
$light-purple: #f7f3f9; $light-purple: #f7f3f9;
$green-faded: #BBF085; $green-faded: #BBF085;