| Christophe Dervieux | e1893ae | 2021-10-07 17:09:02 +0200 | [diff] [blame^] | 1 | // Exposes theme's variables for easy re-use in CSS for plugin authors |
| 2 | |
| 3 | :root { |
| 4 | --r-background-color: #{$backgroundColor}; |
| 5 | --r-main-font: #{$mainFont}; |
| 6 | --r-main-font-size: #{$mainFontSize}; |
| 7 | --r-main-color: #{$mainColor}; |
| 8 | --r-block-margin: #{$blockMargin}; |
| 9 | --r-heading-margin: #{$headingMargin}; |
| 10 | --r-heading-font: #{$headingFont}; |
| 11 | --r-heading-color: #{$headingColor}; |
| 12 | --r-heading-line-height: #{$headingLineHeight}; |
| 13 | --r-heading-letter-spacing: #{$headingLetterSpacing}; |
| 14 | --r-heading-text-transform: #{$headingTextTransform}; |
| 15 | --r-heading-text-shadow: #{$headingTextShadow}; |
| 16 | --r-heading-font-weight: #{$headingFontWeight}; |
| 17 | --r-heading1-text-shadow: #{$heading1TextShadow}; |
| 18 | --r-heading1-size: #{$heading1Size}; |
| 19 | --r-heading2-size: #{$heading2Size}; |
| 20 | --r-heading3-size: #{$heading3Size}; |
| 21 | --r-heading4-size: #{$heading4Size}; |
| 22 | --r-code-font: #{$codeFont}; |
| 23 | --r-link-color: #{$linkColor}; |
| 24 | --r-link-color-dark: #{darken($linkColor , 15% )}; |
| 25 | --r-link-color-hover: #{$linkColorHover}; |
| 26 | --r-selection-background-color: #{$selectionBackgroundColor}; |
| 27 | --r-selection-color: #{$selectionColor}; |
| 28 | } |