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

4
ui/styles/_lists.scss
View file

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

4
ui/styles/_panels.scss
View file

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

3
ui/styles/_variables.scss
View file

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