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.
39 lines
831 B
39 lines
831 B
2 years ago
|
@import "variables/colors";
|
||
|
|
|
||
|
|
.panel {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
border-radius: 5px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: map-get($colors-light, 'white-0');
|
||
|
|
border: solid 1px map-get($colors-light, 'gray-50');
|
||
|
|
.panel-header {
|
||
|
|
padding:10px;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 1.1em;
|
||
|
|
&.bordered {
|
||
|
|
border-bottom: solid 1px map-get($colors-light, 'gray-50');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.panel-body {
|
||
|
|
padding:10px;
|
||
|
|
}
|
||
|
|
.panel-footer {
|
||
|
|
padding:10px;
|
||
|
|
background-color: map-get($colors-transparent, 'black-10');
|
||
|
|
.bordered {
|
||
|
|
border-top: solid 1px #000000;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .panel {
|
||
|
|
background-color: map-get($colors-dark, 'gray-10');
|
||
|
|
border: solid 1px map-get($colors-dark, 'gray-20');
|
||
|
|
.panel-header {
|
||
|
|
&.bordered {
|
||
|
|
border-bottom: solid 1px map-get($colors-dark, 'gray-20');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|