Commit 38657e15 authored by Zachary Seguin's avatar Zachary Seguin
Browse files

cleanup: Use bootstrap classes for ordering quicklinks

parent 6af9be83
Pipeline #269 passed with stages
in 11 seconds
......@@ -17,11 +17,11 @@
<div class="col">
<h2 class="sr-only">Highligthed resources</h2>
<div class="highlights">
<div class="highlights row row-cols-1 row-cols-md-2">
{{- range .Params.highlighted }}
{{- $highlight := . }}
{{- with $.GetPage .link }}
<div class="highlight">
<div class="highlight col mb-4">
<a href="{{ .Permalink }}">
<div class="card{{if $highlight.style.background }} bg-{{ $highlight.style.background }}{{ end }}{{if $highlight.style.text }} text-{{ $highlight.style.text }}{{ end }}">
<div class="card-body">
......
......@@ -92,26 +92,8 @@ body > footer {
}
.highlights {
display: flex;
align-items: stretch;
flex-wrap: wrap;
justify-content: space-between;
@media (max-width: map-get($grid-breakpoints, md)) {
.highlight {
min-width: 100%;
max-width: 100%;
}
}
.highlight {
flex-grow: 1;
margin: 10px 0;
max-width: 48%;
.card {
height: 100%;
}
.card {
height: 100%;
}
.highlight a:hover .card.bg-primary {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment