42 lines
1,016 B
Sass
42 lines
1,016 B
Sass
@use "sass:map"
|
|
@use "sass:color"
|
|
|
|
// Import the chosen theme (dark or light)
|
|
// Or 'themes/light'
|
|
@use 'themes/dark' as *
|
|
|
|
// Shared Table Style Variables
|
|
$table-padding: 10px
|
|
$code-border-radius: 5px
|
|
$list-padding-left: 20px
|
|
|
|
// Link Style Mixins
|
|
@mixin link-primary
|
|
color: $link-color-primary
|
|
text-decoration: none
|
|
|
|
&:hover
|
|
// color: darken($link-color-primary, 10%)
|
|
color: color.adjust($link-color-primary, $lightness: -10%)
|
|
text-decoration: underline
|
|
|
|
@mixin link-secondary
|
|
color: $link-color-secondary
|
|
text-decoration: underline
|
|
|
|
&:hover
|
|
// color: lighten($link-color-secondary, 10%)
|
|
color: color.adjust($link-color-secondary, $lightness: 10%)
|
|
|
|
@mixin link-inverse
|
|
color: $inverse-link-color
|
|
background-color: $link-color-primary
|
|
padding: 2px 4px
|
|
text-decoration: none
|
|
border-radius: 3px
|
|
|
|
&:hover
|
|
//background-color: darken($link-color-primary, 10%)
|
|
background-color: color.adjust($link-color-primary, $lightness: -10%)
|
|
color: $inverse-link-hover-color
|
|
|