7c62e2a327
All payload css is now encapsulated inside CSS layers under `@layer
payload-default`
Any custom css will now have the highest possible specificity.
We have also provided a new layer `@layer payload` if you want to use
layers and ensure that your styles are applied after payload.
To override existing styles in a way that the existing rules of
specificity would be respected you can use the default layer like so
```css
@layer payload-default {
// my styles within the payload specificity
}
```
15 lines
394 B
SCSS
15 lines
394 B
SCSS
@layer payload-default {
|
|
.nested-diff {
|
|
&__wrap--gutter {
|
|
[dir='ltr'] & {
|
|
padding-left: calc(var(--base) * 0.25);
|
|
// border-left: $style-stroke-width-s solid var(--theme-elevation-150);
|
|
}
|
|
[dir='rtl'] & {
|
|
padding-right: calc(var(--base) * 0.25);
|
|
// border-right: $style-stroke-width-s solid var(--theme-elevation-150);
|
|
}
|
|
}
|
|
}
|
|
}
|