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

_sass: Apply padding to card root rather than descendants

parent 4380402c
No related branches found
No related tags found
No related merge requests found
...@@ -3,16 +3,9 @@ ...@@ -3,16 +3,9 @@
} }
.announcement-header { .announcement-header {
@extend %card-header;
} }
.announcement-body { .announcement-body {
@extend %card-body;
h1, h2, h3, h4, h5, h6 {
display: flex;
align-items: center;
}
} }
.announcement-meta { .announcement-meta {
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
padding: $sp-2 $sp-4 0;
position: relative; position: relative;
word-wrap: break-word; word-wrap: break-word;
...@@ -23,23 +24,12 @@ ...@@ -23,23 +24,12 @@
>:first-child { >:first-child {
border-top: none; border-top: none;
} }
}
%card-header {
padding: $sp-2 $sp-4;
p { >:last-child {
margin-bottom: $sp-2; border-bottom: none;
} }
} }
%card-body {
@extend %card-header;
flex: 1 1 auto;
border-top: $border $border-color;
}
%card-meta { %card-meta {
@extend .label; @extend .label;
border-radius: $border-radius; border-radius: $border-radius;
......
...@@ -27,6 +27,11 @@ details { ...@@ -27,6 +27,11 @@ details {
margin-right: 40px; margin-right: 40px;
} }
h1, h2, h3, h4, h5, h6 {
align-items: center;
display: flex;
}
iframe, iframe,
summary { summary {
max-width: 100%; max-width: 100%;
......
...@@ -2,16 +2,16 @@ ...@@ -2,16 +2,16 @@
@extend %card; @extend %card;
.module-days { .module-days {
border-bottom: $border $border-color;
border-top: $border $border-color; border-top: $border $border-color;
display: grid; display: grid;
grid-template-columns: max-content 1fr; grid-template-columns: max-content 1fr;
margin: 0; margin: $sp-2 (-$sp-4);
@include mq(lg) { @include mq(lg) {
grid-template-columns: 1fr 7fr; grid-template-columns: 1fr 7fr;
} }
.module-day, .module-day,
.module-event { .module-event {
margin: 0; margin: 0;
...@@ -92,9 +92,7 @@ ...@@ -92,9 +92,7 @@
} }
.module-header { .module-header {
@extend %card-header;
} }
.module-body { .module-body {
@extend %card-body;
} }
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