Headless CMS and Content Managment Hub
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.
 
 
 
 
 

96 lines
1.7 KiB

@import 'mixins';
@import 'vars';
$field-header: #e7ebef;
$field-line: #c7cfd7;
$padding: 1rem;
.table-items-row-details {
cursor: default;
&::before {
right: 4.8rem;
}
}
.table-items-row-summary {
padding-left: 3rem;
padding-right: 1.25rem;
position: relative;
}
.drag-container {
@include absolute(1.6rem, auto, auto, .75rem);
line-height: 1px;
}
.col {
&-options {
max-width: 140px;
}
}
.nested-fields {
background: $color-border-lighter;
border: 0;
border-radius: 0 0 $border-radius $border-radius;
padding: $padding;
padding-left: 2 * $padding;
position: relative;
}
.nested-field {
position: relative;
&-add {
border: 2px dashed $field-line;
padding: 1rem;
position: relative;
}
&-line-v {
@include absolute($padding, auto, 3 * $padding + .25rem, $padding);
border: 0;
border-left: 2px dashed $field-line;
width: 2px;
}
&-line-h {
@include absolute(-2px, auto, 50%, -$padding);
border: 0;
border-bottom: 2px dashed $field-line;
width: $padding - .25rem;
}
}
.field {
position: relative;
&-icon {
color: $color-border-darker;
font-size: 1.2rem;
font-weight: normal;
margin-right: 1rem;
vertical-align: middle;
}
&-name {
@include truncate;
}
&-hidden {
color: $color-text-decent;
}
&-partitioning {
color: $color-text-decent;
font-size: $font-smallest;
font-weight: normal;
}
.tag {
max-width: 6rem;
min-width: 4rem;
opacity: .9;
}
}