78ca6c7f84
* Stylelint added * lint staged addition * Found the right incantation * WIP * Typescript import * stylelint --fix * Stylelint runs clean! * More linting! * paths are hard * linting * Tim Code Review * lint part of build * Better selector class pattern rule * Tim CR * Linting + --fix * Fixing stylelint issue * Tim CR
60 lines
932 B
SCSS
60 lines
932 B
SCSS
@use "../../../../scss/colors";
|
|
@use "../../../../scss/variables";
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 40px;
|
|
align-items: center;
|
|
padding: variables.$spacing-sm variables.$spacing-xl;
|
|
gap: variables.$spacing-md;
|
|
border-bottom: 1px solid colors.$white;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
|
|
&.add {
|
|
background-color: colors.$green-50;
|
|
}
|
|
|
|
&.remove {
|
|
background-color: colors.$red-50;
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
margin-top: -1px;
|
|
|
|
&.plus {
|
|
color: colors.$green;
|
|
}
|
|
|
|
&.minus {
|
|
color: colors.$red;
|
|
}
|
|
|
|
&.mod {
|
|
color: colors.$blue-100;
|
|
}
|
|
}
|
|
|
|
.syncModeBox {
|
|
font-size: 11px;
|
|
line-height: 12px;
|
|
border-radius: variables.$border-radius-sm;
|
|
padding: variables.$spacing-sm variables.$spacing-md;
|
|
width: 226px;
|
|
opacity: 0.5;
|
|
background: colors.$red-100;
|
|
}
|
|
|
|
.nameCell,
|
|
%nameCell {
|
|
width: 140px;
|
|
text-align: left;
|
|
|
|
& .row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
}
|