client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss


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

@use '_variables' as *;
@use '_mixins' as *;

.notification-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid $separator-border-color;

  &.header {
    font-weight: $font-semibold;
    margin-top: 10px;
  }

  > div {
    padding: 10px;

    &:first-child {
      width: 350px;
    }

    @media screen and (max-width: #{breakpoint(sm)}) {
      &:first-child {
        width: auto;
        flex-grow: 1;
      }
    }
  }
}