-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-.custom-row {
+.notification-row {
display: flex;
align-items: center;
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;
- @media screen and (max-width: $small-view) {
- width: auto;
+ &:first-child {
+ width: 350px;
+ }
+ @media screen and (max-width: #{breakpoint(sm)}) {
&:first-child {
+ width: auto;
flex-grow: 1;
}
}
}
-
- & > div {
- padding: 10px
- }
}
-