Commit e8dbe1a8 authored by Zachary Seguin's avatar Zachary Seguin
Browse files

feat: Update styling of support quicklinks on homepage

parent d4e545f3
Pipeline #266 passed with stages
in 12 seconds
......@@ -48,7 +48,12 @@
{{- range .Params.support }}
{{- with $.GetPage . }}
<a class="no-underline" href="{{ .Permalink }}">
<div class="support-quicklink mb-2" style="border-bottom: 4px solid {{ .Params.secondary | default "black" }}; background: {{ .Params.primary | default "white" }}; color: {{ .Params.tertiary | default "black" }}">
<div class="support-quicklink mb-2"
style="
--colour-primary: {{ .Params.primary | default "white" }};
--colour-secondary: {{ .Params.secondary | default "white" }};
--colour-tertiary: {{ .Params.tertiary | default "black" }};
">
<p class="p-3 m-0 h5 text-uppercase">{{ .Title }}</p>
</div>
</a>
......
......@@ -144,8 +144,18 @@ body > footer {
font-size: 0.9rem;
}
// primary: \#0eacc5 # backround
// secondary: \#0c90a5 # border
// tertiary: \#032126 # font
.support-quicklink {
border-bottom: 4px solid var(--colour-secondary);
color: var(--colour-tertiary);
background: $gray-200;
}
.support-quicklink:hover {
background: $gray-200 !important;
background: var(--colour-primary);
}
.no-underline:hover {
......
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