StartIT/mantelzorgwoning.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Machiel Heinen
2025-12-05 09:15:15 +01:00
commit 8837c20d66
1752 changed files with 1123339 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

411
themes/godocs-1/assets/scss/_common.scss Normal file
View File

@@ -0,0 +1,411 @@
body {
background-color: $body-bg;
overflow-x: hidden;
}
::selection {
background: lighten($color: $color-primary, $amount: 10);
color: $white;
}
/* preloader */
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.section-title {
font-weight: 700;
}
img {
vertical-align: middle;
border: 0;
max-width: 100%;
height: auto;
}
ul {
list-style: none;
}
a {
color: inherit;
text-decoration: underline;
font-weight: bold;
}
a,
a:hover,
a:focus {
text-decoration: none;
}
a,
button,
select {
cursor: pointer;
transition: .2s ease;
&:focus {
outline: 0;
}
}
a:hover {
color: $color-primary;
}
.slick-slide {
outline: 0;
}
.section {
padding-top: 80px;
padding-bottom: 80px;
&-sm {
padding-top: 50px;
padding-bottom: 50px;
}
&-title {
margin-bottom: 40px;
}
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.border-default {
border-color: $border-color !important;
}
/* overlay */
.overlay {
position: relative;
&::before {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: 0;
left: 0;
background: $black;
opacity: .5;
}
}
.outline-0 {
outline: 0 !important;
}
.rounded {
border-radius: 12px !important;
}
.shadow {
box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.102) !important;
}
.d-unset {
display: unset !important;
}
.bg-primary {
background: $color-primary !important;
}
.text-primary {
color: $color-primary !important;
}
.text-light {
color: $text-light !important;
}
.fw-medium {
font-weight: 500;
}
// Arrow Icon
.nav-next,
.nav-prev {
span {
font-size: 18px;
@include desktop {
font-size:16px;
}
}
i {
font-size: 14px;
line-height: 28px !important;
transition: transform 0.4s;
}
}
.nav-prev {
&:hover i {
transform: translateX(-3px);
}
i {
margin-left: 3px;
}
}
.nav-next {
&:hover i {
transform: translateX(3px);
}
i {
margin-right: 3px;
}
}
.glightbox:hover {
cursor: pointer;
opacity: .9;
transition: 0.3s;
}
.glightbox-clean .gslide-title {
text-align: center;
margin-bottom: 0 !important;
font-style: italic;
opacity: 0.6;
}
.glightbox-clean .gdesc-inner {
padding: 14px 20px !important;
}
// Tooltip
.tooltip-word {
position: relative;
cursor: help;
border-bottom: 1px dotted currentColor;
}
.tooltip-word::after {
content: attr(data-tooltip);
position: absolute;
z-index: 50;
bottom: calc(100% + 0.4rem);
left: 50%;
transform: translate(-50%, 4px);
display: inline-block;
padding: 0.45rem 0.6rem;
background: #207495;
color: #fff;
border-radius: 4px;
font-size: 0.75rem;
line-height: 1.4;
text-align: left;
font-weight: normal;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
width: max-content;
max-width: 260px;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word;
opacity: 0;
pointer-events: none;
transition: opacity 0.18s ease, transform 0.18s ease;
}
.tooltip-word:hover::after,
.tooltip-word:focus::after {
opacity: 1;
transform: translate(-50%, 0);
}
@media (max-width: 575px) {
.tooltip-word::after {
position: fixed;
bottom: 1.5rem;
top: auto;
padding:20px;
left: 0;
right: 0;
margin: 0 .75rem;
width: auto;
max-width: none;
transform: none;
box-sizing: border-box;
text-align: left;
white-space: normal;
font-size: 14px;
font-weight: normal;
}
.tooltip-word:hover::after,
.tooltip-word:focus::after {
transform: none; // animatie alleen in Y is nu niet meer nodig
}
}
$note-color: #293df2;
$abstract-color: #0ca68c;
$info-color: #759E4C;
$todo-color: #8d05a8;
$tip-color: #19cfb0;
$success-color: #04d904;
$question-color: #e38902;
$warning-color: #e38902;
$danger-color: #e31a00;
$failure-color: #e31a00;
$bug-color: #e31a00;
$example-color: #b83acf;
$quote-color: #918e91;
.notice {
margin-bottom: 1.5rem;
border: 2px solid;
padding: 1.5rem;
border-color: currentColor;
border-radius: 12px;;
}
.notice-head {
display: flex;
align-items: center;
}
.notice-head svg {
margin-right: 0.75rem;
}
.notice-head p {
font-size: 1.25rem;
font-weight: 600;
color: #1f2937;
margin: 0;
line-height: 1;
}
.notice-body {
margin-top: 0.75rem;
}
.notice-body p {
margin: 0;
}
.notice.note {
color: $note-color;
background-color: rgba($note-color, 0.15);
}
.notice.abstract {
color: $abstract-color;
background-color: rgba($abstract-color, 0.15);
}
.notice.info {
color: $color-primary;
background-color: rgba($info-color, 0.05);
}
.notice.todo {
color: $todo-color;
background-color: rgba($todo-color, 0.15);
}
.notice.tip {
color: $tip-color;
background-color: rgba($tip-color, 0.15);
}
.notice.success {
color: $success-color;
background-color: rgba($success-color, 0.15);
}
.notice.question {
color: $question-color;
background-color: rgba($question-color, 0.15);
}
.notice.warning {
color: $warning-color;
background-color: rgba($warning-color, 0.05);
}
.notice.failure {
color: $failure-color;
background-color: rgba($failure-color, 0.15);
}
.notice.danger {
color: $danger-color;
background-color: rgba($danger-color, 0.15);
}
.notice.bug {
color: $bug-color;
background-color: rgba($bug-color, 0.15);
}
.notice.example {
color: $example-color;
background-color: rgba($example-color, 0.15);
}
.notice.quote {
color: $quote-color;
background-color: rgba($quote-color, 0.15);
}
// darkmode
.dark .notice-head p {
color: #d1d5db;
}
.color-positive {
color:#759E4C;
}
.color-warning {
color: $warning-color;
}
.header-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.img-flag {
max-height: 48px;
vertical-align: top;
display: inline-flex;
border-radius: 4px;
border: 1px solid $white;
box-shadow: 2px 2px 12px rgba(62,62,62,.3) !important;
}