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
304 B
SCSS
15 lines
304 B
SCSS
@layer payload-default {
|
|
.bulk-upload--drawer-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: calc(var(--base) * 2.5) var(--gutter-h);
|
|
height: 48px;
|
|
border-bottom: 1px solid var(--theme-border-color);
|
|
|
|
h2 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|