Skip to content
Snippets Groups Projects
Commit 5571e640 authored by Kevin Lin's avatar Kevin Lin
Browse files

_sass: Refactor module-day, module-event for multiline keys

parent 2cdc6c85
No related branches found
No related tags found
No related merge requests found
...@@ -16,30 +16,17 @@ ...@@ -16,30 +16,17 @@
grid-template-columns: 1fr 7fr; grid-template-columns: 1fr 7fr;
} }
.module-day, %module-item {
.module-event {
margin: 0; margin: 0;
padding: $sp-2; padding: $sp-2;
@include mq(sm) { @include mq(sm) {
padding: $sp-2 $sp-4; padding: $sp-2 $sp-4;
} }
p {
margin: 0;
width: 100%;
@include mq(sm) {
width: 62.5%;
}
+p {
width: auto;
}
}
} }
.module-day { .module-day {
@extend %module-item;
border-top: $border $border-color; border-top: $border $border-color;
font-weight: normal; font-weight: normal;
grid-column-start: 1; grid-column-start: 1;
...@@ -63,9 +50,9 @@ ...@@ -63,9 +50,9 @@
} }
.module-event { .module-event {
@extend %module-item;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-weight: 500;
grid-column-start: 2; grid-column-start: 2;
@include mq(sm) { @include mq(sm) {
...@@ -75,6 +62,22 @@ ...@@ -75,6 +62,22 @@
+.module-event { +.module-event {
padding-top: 0; padding-top: 0;
} }
p,
ol,
ul,
dl {
margin: 0;
flex: 1 0 62.5%;
}
p {
font-weight: 500;
+p {
flex-shrink: 1;
}
}
} }
.label { .label {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment