92 lines
1.9 KiB
SCSS
92 lines
1.9 KiB
SCSS
@use '../_styles/_variables.scss' as *;
|
|
@use 'sass:color';
|
|
|
|
$descriptions-prefix: '#{$prefix}-descriptions';
|
|
|
|
.#{$descriptions-prefix} {
|
|
font-size: 14px;
|
|
color: $text-color-base;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
.#{$descriptions-prefix}-header {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 12px;
|
|
color: $text-color-base;
|
|
}
|
|
|
|
.#{$descriptions-prefix}-body {
|
|
border-collapse: collapse;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
&.#{$descriptions-prefix}-body-fixed {
|
|
table-layout: fixed;
|
|
}
|
|
&.#{$descriptions-prefix}-body-auto {
|
|
table-layout: auto;
|
|
}
|
|
}
|
|
|
|
.#{$descriptions-prefix}-label {
|
|
color: $text-color-placeholder;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.#{$descriptions-prefix}-content {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.#{$descriptions-prefix}-size-small {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 8px 0;
|
|
}
|
|
}
|
|
|
|
.#{$descriptions-prefix}-size-medium {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 12px 0;
|
|
}
|
|
}
|
|
|
|
.#{$descriptions-prefix}-size-large {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 18px 0;
|
|
}
|
|
}
|
|
|
|
.#{$descriptions-prefix}-body-border {
|
|
> tbody > tr > td {
|
|
border: 1px solid $border-color-component;
|
|
}
|
|
|
|
.#{$descriptions-prefix}-label {
|
|
background-color: $bg-color-secondarycomponent;
|
|
}
|
|
|
|
&.#{$descriptions-prefix}-size-small {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 8px 16px;
|
|
}
|
|
}
|
|
|
|
&.#{$descriptions-prefix}-size-medium {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 12px 16px;
|
|
}
|
|
}
|
|
&.#{$descriptions-prefix}-size-large {
|
|
.#{$descriptions-prefix}-label,
|
|
.#{$descriptions-prefix}-content {
|
|
padding: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|