You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
consul/ui/styles/_panels.scss

79 lines
1.5 KiB

.panel {
border-width: 2px;
border-color: $gray-background;
@include transition(background-color .3s ease-in-out);
.panel-heading {
background-color: transparent;
border-width: 2px;
border-color: $gray-background;
}
h3.panel-title {
padding: 4px 0px 4px 0px;
font-size: 20px;
color: $gray-light;
color: $gray-darker;
border-radius: 3px;
small {
font-size: 14px;
margin-left: 5px;
}
.panel-note {
margin-top: 5px;
float: right;
font-weight: 600;
color: $gray-light;
font-size: 14px;
}
}
.panel-body {
p {
font-size: 14px;
color: $text-color;
}
h5 {
font-size: 12px;
}
h4.check {
font-size: 16px;
}
}
.panel-bar {
width: 100%;
height: 20px;
@include transition(background-color .1s linear);
}
&.panel-link {
border-bottom-width: 2px;
}
&.panel-short {
border-bottom-width: 0px;
}
&.panel-link:hover {
cursor: pointer;
background-color: lighten($gray-background, 8%);
}
&.active {
>.panel-heading {
border-color: $purple;
}
@include transition(border-color .1s linear);
border-color: $purple;
.panel-bar {
@include transition(background-color .1s linear);
background-color: $purple;
}
}
}