mirror of
https://github.com/rvtr/wiki.git
synced 2025-10-31 06:31:13 -04:00
62 lines
1.9 KiB
SCSS
Executable File
62 lines
1.9 KiB
SCSS
Executable File
---
|
|
---
|
|
|
|
/// Variables
|
|
// Main contents
|
|
$main-bg: #333;
|
|
$main-color: #ccc;
|
|
$header-color: #ddd;
|
|
$borders: #555;
|
|
$borders-hover: #777;
|
|
$borders-hover-color: #fff;
|
|
$light-borders: #444;
|
|
$blockquote-color: #999;
|
|
$code-bg: #5559;
|
|
$code-color: #ddd;
|
|
$code-light: #999;
|
|
$a-color: #58a6ff;
|
|
$small-color: gray;
|
|
$carousel-caption-bg: #333b;
|
|
$table-alt-bg: #303030;
|
|
$kbd-bg: #666;
|
|
$kbd-border: #444;
|
|
$alert-secondary-bg: #444;
|
|
$alert-secondary-border: #2f2f2f;
|
|
$details-bg: #3f3f3f;
|
|
$active-accordian-bg-color: #393939;
|
|
$active-accordian-header-color: #222;
|
|
$active-accordian-header-bg-color: #4477ac;
|
|
|
|
// Cards
|
|
$card-background: #444;
|
|
$card-edges-background: rgba(0, 0, 0, 0.15);
|
|
|
|
// Modal
|
|
$modal-borders: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
// Nav
|
|
$nav-link-color: rgba(255, 255, 255, 0.7);
|
|
$nav-link-color-hover: rgba(255, 255, 255, 0.5);
|
|
$nav-link-color-active: rgba(255, 255, 255, 1);
|
|
$dropdown-item-bg-hover: rgba(0, 0, 0, 0.3);
|
|
$primary: {{ page.color | default: site.color }};
|
|
$dark: #f8f9fa;
|
|
$light: #3f3f3f;
|
|
$light-border: #292929;
|
|
$light-placeholder: #999;
|
|
$light-disabled: #303030;
|
|
|
|
/// Import base style
|
|
@import "base";
|
|
|
|
/// CSS Overrides
|
|
// Override FAQ accordian chevron color
|
|
#faq-container > details.accordian-item > summary.accordion-button::after {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ddd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
#faq-container > details.accordian-item[open] > summary.accordion-button::after {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
|
transform: rotate(-180deg);
|
|
}
|