-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-.custom-row {
+.notification-row {
display: flex;
align-items: center;
- border-bottom: 1px solid rgba(0, 0, 0, 0.10);
+ border-bottom: 1px solid $separator-border-color;
- &:first-child {
- font-size: 16px;
-
- & > div {
- font-weight: $font-semibold;
- }
+ &.header {
+ font-weight: $font-semibold;
+ margin-top: 10px;
}
- & > div {
- width: 350px;
- }
+ > div {
+ padding: 10px;
- & > div {
- padding: 10px
+ &:first-child {
+ width: 350px;
+ }
+
+ @media screen and (max-width: #{breakpoint(sm)}) {
+ &:first-child {
+ width: auto;
+ flex-grow: 1;
+ }
+ }
}
}
-