Простая CSS библиотека элементов для личных проектов
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.
 
 
 

38 lines
831 B

@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');
}
}
}