From 5571e640c037492d0d233a956bf97914669b365d Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinl@cs.uw.edu>
Date: Sun, 5 Jul 2020 17:01:49 -0700
Subject: [PATCH] _sass: Refactor module-day, module-event for multiline keys
---
_sass/custom/module.scss | 35 +++++++++++++++++++----------------
1 file changed, 19 insertions(+), 16 deletions(-)
diff --git a/_sass/custom/module.scss b/_sass/custom/module.scss
index e1d564d..e20759b 100644
--- a/_sass/custom/module.scss
+++ b/_sass/custom/module.scss
@@ -16,30 +16,17 @@
grid-template-columns: 1fr 7fr;
}
- .module-day,
- .module-event {
+ %module-item {
margin: 0;
padding: $sp-2;
@include mq(sm) {
padding: $sp-2 $sp-4;
}
-
- p {
- margin: 0;
- width: 100%;
-
- @include mq(sm) {
- width: 62.5%;
- }
-
- +p {
- width: auto;
- }
- }
}
.module-day {
+ @extend %module-item;
border-top: $border $border-color;
font-weight: normal;
grid-column-start: 1;
@@ -63,9 +50,9 @@
}
.module-event {
+ @extend %module-item;
display: flex;
flex-direction: column;
- font-weight: 500;
grid-column-start: 2;
@include mq(sm) {
@@ -75,6 +62,22 @@
+.module-event {
padding-top: 0;
}
+
+ p,
+ ol,
+ ul,
+ dl {
+ margin: 0;
+ flex: 1 0 62.5%;
+ }
+
+ p {
+ font-weight: 500;
+
+ +p {
+ flex-shrink: 1;
+ }
+ }
}
.label {
--
GitLab