9e59ab8d72
Fixes #2425 PR #2427 adds a back-to-top button, however the button overlaps with the footer when `footer_fixed: false` and [has inadequate spacing](https://github.com/alshedivat/al-folio/issues/2425#issuecomment-2121670658) with `footer_fixed: true` Changes in this PR: - Fix positioning of button on fixed and sticky footer layouts - Add option to disable back-to-top button by setting `back_to_top: false` in `_config.yml` - Add button transparency to avoid button blocking content view - Reduce size of button Demo - | Device | Fixed footer | Sticky footer | | :-----------: | :-------------: | :-----------: | | Mobile |  |  | | Desktop |  |  | Miscellaneous change - Added personal website under `Academics` to `README.md`
51 lines
1.5 KiB
SCSS
51 lines
1.5 KiB
SCSS
/*******************************************************************************
|
|
* Variables used throughout the theme.
|
|
* To adjust anything, simply edit the variables below and rebuild the theme.
|
|
******************************************************************************/
|
|
|
|
// Colors
|
|
$red-color: #ff3636 !default;
|
|
$red-color-dark: #b71c1c !default;
|
|
$orange-color: #f29105 !default;
|
|
$blue-color: #0076df !default;
|
|
$blue-color-dark: #00369f !default;
|
|
$cyan-color: #2698ba !default;
|
|
$light-cyan-color: lighten($cyan-color, 25%);
|
|
$green-color: #00ab37 !default;
|
|
$green-color-lime: #b7d12a !default;
|
|
$green-color-dark: #009f06 !default;
|
|
$green-color-light: #ddffdd !default;
|
|
$green-color-bright: #11d68b !default;
|
|
$purple-color: #b509ac !default;
|
|
$light-purple-color: lighten($purple-color, 25%);
|
|
$pink-color: #f92080 !default;
|
|
$pink-color-light: #ffdddd !default;
|
|
$yellow-color: #efcc00 !default;
|
|
|
|
$grey-color: #828282 !default;
|
|
$grey-color-light: lighten($grey-color, 40%);
|
|
$grey-color-dark: #1c1c1d;
|
|
$grey-900: #212529;
|
|
|
|
$white-color: #ffffff !default;
|
|
$black-color: #000000 !default;
|
|
|
|
// Theme colors
|
|
|
|
$code-bg-color-light: rgba($purple-color, 0.05);
|
|
$code-bg-color-dark: #2c3237 !default;
|
|
|
|
// Font awesome location
|
|
$fa-font-path: "../webfonts";
|
|
|
|
// Tabler icons location
|
|
$ti-font-path: "../fonts";
|
|
|
|
// Back To Top button config
|
|
$back-to-top-z-index: 10;
|
|
$back-to-top-bottom: 30px;
|
|
$back-to-top-right: 30px;
|
|
$back-to-top-diameter: 40px;
|
|
$back-to-top-height: $back-to-top-diameter;
|
|
$back-to-top-width: $back-to-top-diameter;
|