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