You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.2 KiB
32 lines
1.2 KiB
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
|
|
|
@use "sass:color";
|
|
|
|
:root {
|
|
--r-background-color: #{$backgroundColor};
|
|
--r-main-font: #{$mainFont};
|
|
--r-main-font-size: #{$mainFontSize};
|
|
--r-main-color: #{$mainColor};
|
|
--r-block-margin: #{$blockMargin};
|
|
--r-heading-margin: #{$headingMargin};
|
|
--r-heading-font: #{$headingFont};
|
|
--r-heading-color: #{$headingColor};
|
|
--r-heading-line-height: #{$headingLineHeight};
|
|
--r-heading-letter-spacing: #{$headingLetterSpacing};
|
|
--r-heading-text-transform: #{$headingTextTransform};
|
|
--r-heading-text-shadow: #{$headingTextShadow};
|
|
--r-heading-font-weight: #{$headingFontWeight};
|
|
--r-heading1-text-shadow: #{$heading1TextShadow};
|
|
--r-heading1-size: #{$heading1Size};
|
|
--r-heading2-size: #{$heading2Size};
|
|
--r-heading3-size: #{$heading3Size};
|
|
--r-heading4-size: #{$heading4Size};
|
|
--r-code-font: #{$codeFont};
|
|
--r-link-color: #{$linkColor};
|
|
--r-link-color-dark: #{color.scale( $linkColor, $lightness: -15% )};
|
|
--r-link-color-hover: #{$linkColorHover};
|
|
--r-selection-background-color: #{$selectionBackgroundColor};
|
|
--r-selection-color: #{$selectionColor};
|
|
--r-overlay-element-bg-color: #{$overlayElementBgColor};
|
|
--r-overlay-element-fg-color: #{$overlayElementFgColor};
|
|
}
|
|
|