mirror of
https://github.com/privacyguides/privacyguides.org
synced 2024-12-01 07:23:30 +01:00
48fd518cb7
* Split sections into pages Preliminary work * Separate everything into their own pages + Permalinks! * Navbar Link Updates * Change all asset links Assets are served from the root. Hope nobody is serving this site in a subfolder for some reason! :) * Point all navbar links to pages * Make the layouts more modular * Remove unnecessary div containers * Adjust footer and headers layout * Add link to various privacy subpages to homepage * Remove test script * Add titles and descriptions to all pages * Fix links and layouts * Adjust header margins * Create master pages * Finalize master pages * Add services page * Add Javascript redirects Okay I'm pretty garbage at Javascript so this is basically hacked together. If someone who knows what they're doing wants to do this, be my guest.
173 lines
2.4 KiB
SCSS
173 lines
2.4 KiB
SCSS
---
|
|
---
|
|
|
|
@import '_vars';
|
|
@import 'bootstrap';
|
|
@import 'flag-icon';
|
|
@import 'fontawesome';
|
|
@import 'sortable-theme-bootstrap';
|
|
|
|
body {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
dt {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
.card {
|
|
box-shadow: $card-shadow !important;
|
|
}
|
|
|
|
/* Make links and long strings responsive */
|
|
a,
|
|
.long-string-list {
|
|
li {
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
|
|
.card-ol {
|
|
padding-left: 1.25rem;
|
|
}
|
|
|
|
/*.card-success, */
|
|
.card-success {
|
|
.card-header {
|
|
border-color: $card-succes-border !important;
|
|
}
|
|
}
|
|
|
|
.card-primary {
|
|
.card-header {
|
|
border-color: $card-primary-border !important;
|
|
}
|
|
}
|
|
|
|
.card-warning {
|
|
.card-header {
|
|
border-color: $card-warning-border !important;
|
|
}
|
|
}
|
|
|
|
.card-list {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.blockquote {
|
|
border-left: 5px solid $blockquote-border;
|
|
font-size: 1.2rem;
|
|
line-height: 1.35;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.theme-dropdown {
|
|
.dropdown-menu {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
.theme-showcase {
|
|
p > .btn {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.navbar {
|
|
.container {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.anchor, .page-header h1 {
|
|
margin-top: 3.5rem;
|
|
margin-bottom: 2rem;
|
|
&:target {
|
|
margin-top: -4rem;
|
|
padding-top: 7.5rem;
|
|
}
|
|
}
|
|
|
|
h2, h3:not(.h5), h4, h5 {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.anchor-icon {
|
|
font-size: .8em;
|
|
}
|
|
|
|
.panel-item {
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.panel-icon {
|
|
float: right;
|
|
margin: 15px;
|
|
font-size: 5.5em;
|
|
}
|
|
|
|
.share-btn {
|
|
border: 0;
|
|
box-shadow: $share-btn-shadow;
|
|
color: $share-btn;
|
|
display: inline-block;
|
|
opacity: .9;
|
|
outline: none;
|
|
padding: 1em;
|
|
text-align: center;
|
|
width: 8em;
|
|
|
|
&:hover {
|
|
color: $share-btn-hover;
|
|
}
|
|
|
|
&:active {
|
|
box-shadow: none;
|
|
color: $share-btn-active;
|
|
outline: none;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
#top {
|
|
margin-bottom: 3rem !important;
|
|
}
|
|
|
|
.twitter { background: $twitter; }
|
|
.mastodon { background: $mastodon; }
|
|
.facebook { background: $facebook; }
|
|
.stumbleupon { background: $stumbleupon; }
|
|
.reddit { background: $reddit; }
|
|
.linkedin { background: $linkedin; }
|
|
.email { background: $email; }
|
|
.diaspora { background: $diaspora; }
|
|
|
|
.footer-divider {
|
|
margin-top: 3em;
|
|
margin-bottom: 3em;
|
|
border: none;
|
|
height: 1px;
|
|
background-color: #343A40;
|
|
}
|
|
|
|
.copyright-text {
|
|
margin-top: 1em;
|
|
margin-bottom: 3em;
|
|
text-align: justify;
|
|
}
|
|
|
|
footer {
|
|
img,
|
|
i {
|
|
margin-right: 1rem;
|
|
}
|
|
}
|