69 lines
1.7 KiB
SCSS

/// TODO: [META-7082] This styling is common to many addons and should be included in either or artdeco macro
/// components or some kind of DataHub shared styles.
@mixin entity-deprecation-nacho-container {
border: 1px solid get-color(black, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
padding: item-spacing(4);
background-color: get-color(white);
background-clip: padding-box;
border-radius: 2px;
transition: box-shadow 83ms;
}
.entity-deprecation {
// TODO: [META-7082] Change based on note above
@include entity-deprecation-nacho-container;
margin: item-spacing(3 0);
&__actions {
margin-top: item-spacing(2);
}
&__toggle-header {
display: flex;
align-items: center;
justify-content: left;
margin-bottom: item-spacing(3);
&__label {
margin: item-spacing(0 2 0 0);
}
}
&__note-editor .ember-medium-editor__container {
min-height: item-spacing(6) * 4;
outline: none;
padding: item-spacing(1);
background-color: get-color(white);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
&__header {
margin-top: item-spacing(6);
font-size: 18px;
font-weight: fw(normal, 6);
}
&__decommission-calendar {
@include ember-power-calendar($cell-size: item-spacing(7), $primary-color: get-color(blue7));
}
&__cal-input-trigger {
padding: item-spacing(1);
}
&__cal-dropdown {
box-shadow: rgba(0, 0, 0, 0.172549) 0 6px 12px 0;
border: 1px solid get-color(black, 0.3);
}
}
.entity-decommission-date {
margin-top: item-spacing(4);
&--required {
color: get-color(red5);
}
}