src/components/Rules.module.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

@import '~/styles/utils/custom-media';

.header {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 290px);
  align-items: center;

  /*
   * the content header has some padding
   * we need to apply some right padding to this container then
   */
  padding-right: 15px;
  @media (--breakpoint-not-small) {
    padding-right: 40px;
  }
}

.RuleProviderItemWrapper {
  padding: 6px 15px;
  @media (--breakpoint-not-small) {
    padding: 10px 40px;
  }
}