Skip to content
Snippets Groups Projects
Commit 5c1360ed authored by Kevin Lin's avatar Kevin Lin :sparkles:
Browse files

Simplify announcement sass and card layout

parent df98f32f
No related branches found
No related tags found
No related merge requests found
<div class="announcement"> <div class="announcement">
<h2 class="announcement-header"> <h2>
{% if page.date %} {% if page.date %}
<strong class="announcement-meta">{{ page.date | date: '%b %e' }}</strong> <strong class="label label-purple">{{ page.date | date: '%b %e' }}</strong>
{% endif %} {% endif %}
{{ page.title }} {{ page.title }}
</h2> </h2>
<div class="announcement-body"> {{ content }}
{{ content }}
</div>
</div> </div>
.announcement { .announcement {
@extend %card; @extend %card;
}
.announcement-header {
@extend .text-gamma;
}
.announcement-body { h1, h2 {
} @extend .text-gamma;
}
.announcement-meta { .label {
@extend %card-meta, .text-grey-dk-100, .bg-grey-lt-200; @extend %card-meta;
margin-left: 0;
}
} }
...@@ -17,10 +17,6 @@ ...@@ -17,10 +17,6 @@
position: relative; position: relative;
word-wrap: break-word; word-wrap: break-word;
@include mq(lg) {
flex: 1 0 0%;
}
>:first-child { >:first-child {
border-top: none !important; border-top: none !important;
} }
...@@ -28,6 +24,11 @@ ...@@ -28,6 +24,11 @@
>:last-child { >:last-child {
border-bottom: none !important; border-bottom: none !important;
} }
p {
margin-top: 0;
margin-bottom: 0.5em;
}
} }
%card-meta { %card-meta {
......
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