nihilist/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org synced 2024-11-30 23:13:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Expose additional colors

Browse Source
This commit is contained in:
Jonah Aragon 2021-05-03 14:17:00 -05:00
parent 73c670bdc3
commit f593b889e1
No known key found for this signature in database
GPG Key ID: 6A957C9A9A9429F7
4 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/blog-card.html
View File

@ -1,6 +1,6 @@
<div class="col-6"> <div class="col-6 my-3">
<a href="{{ post.url | prepend: site.baseurl }}" class="text-decoration-none"> <a href="{{ post.url | prepend: site.baseurl }}" class="text-decoration-none">
<div class="card bg-secondary" {% if post.cover %} style="background-image: {{ post.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ post.cover }}); background-size: cover; background-position: center;"{% endif %}> <div class="card bg-gray" {% if post.cover %} style="background-image: {{ post.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ post.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="card-body d-flex flex-column align-self-end" style="min-height: 300px;"> <div class="card-body d-flex flex-column align-self-end" style="min-height: 300px;">
<h2 class="card-title mt-auto text-light">{{ post.title }}</h2> <h2 class="card-title mt-auto text-light">{{ post.title }}</h2>
<p class="card-text text-light">{{ post.excerpt }} <strong>Continue Reading...</strong></p> <p class="card-text text-light">{{ post.excerpt }} <strong>Continue Reading...</strong></p>

2
_includes/breadcrumbs.html
View File

@ -25,6 +25,6 @@
</nav> </nav>
</div> </div>
<div class="pl-3"> <div class="pl-3">
<a class="btn btn-outline-info btn-lg" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> Edit</a> <a class="btn btn-outline-gray btn-lg" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> Edit</a>
</div> </div>
</div> </div>

2
_layouts/post.html
View File

@ -2,7 +2,7 @@
layout: default layout: default
--- ---
<div class="p-5 mb-3 bg-white"{% if page.cover %} style="background-image: {{ page.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ page.cover }}); background-size: cover; background-position: center;"{% endif %}> <div class="p-5 mb-3 bg-cyan"{% if page.cover %} style="background-image: {{ page.color | default: "linear-gradient(to bottom, rgba(40, 50, 63, 0.3), rgba(40, 50, 63, 0.9))" }}, url(/assets/img/blog/{{ page.cover }}); background-size: cover; background-position: center;"{% endif %}>
<div class="container"> <div class="container">
<div class="post-cover"> <div class="post-cover">
<div class="inner d-flex flex-column align-self-end" style="min-height: 300px;"> <div class="inner d-flex flex-column align-self-end" style="min-height: 300px;">

18
_sass/variables.scss
View File

@ -42,6 +42,24 @@ $dropdown-link-color: $navbar-light-color;
$navbar-light-active-color: $dark; $navbar-light-active-color: $dark;
$dropdown-link-hover-color: $navbar-light-active-color; $dropdown-link-hover-color: $navbar-light-active-color;
/* Extra Colors */
$theme-colors: ();
$theme-colors: map-merge(
(
"gray": $gray-600,
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan
),
$theme-colors
);
/* Cards */ /* Cards */
$card-shadow: 0 3px 10px 0 rgba(150, 150, 150, .2); $card-shadow: 0 3px 10px 0 rgba(150, 150, 150, .2);
$card-success-border: rgba(40, 167, 69, .5); $card-success-border: rgba(40, 167, 69, .5);