Move to sass module

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-notification-preferences / my-account-notification-preferences.component.scss

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

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

  &:first-child {
    font-size: 16px;
  }

  > div {
    padding: 10px;

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

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