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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .notification-row {
   5   display: flex;
   6   align-items: center;
   7   border-bottom: 1px solid $separator-border-color;
   8
   9   &.header {
  10     font-weight: $font-semibold;
  11     margin-top: 10px;
  12   }
  13
  14   > div {
  15     padding: 10px;
  16
  17     &:first-child {
  18       width: 350px;
  19     }
  20
  21     @media screen and (max-width: #{breakpoint(sm)}) {
  22       &:first-child {
  23         width: auto;
  24         flex-grow: 1;
  25       }
  26     }
  27   }
  28 }