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 .custom-row {
   5   display: flex;
   6   align-items: center;
   7   border-bottom: 1px solid $separator-border-color;
   8
   9   &.header {
  10     font-size: 16px;
  11     font-weight: $font-semibold;
  12     margin-top: 10px;
  13   }
  14
  15   > div {
  16     padding: 10px;
  17
  18     &:first-child {
  19       width: 350px;
  20     }
  21
  22     @media screen and (max-width: #{breakpoint(sm)}) {
  23       &:first-child {
  24         width: auto;
  25         flex-grow: 1;
  26       }
  27     }
  28   }
  29 }