130 lines
6.4 KiB
SCSS
130 lines
6.4 KiB
SCSS
/**
|
|
* This file holds compatibility logic due to the renaming of css variables in Blocksy 2.0.0
|
|
*/
|
|
:root {
|
|
--paletteColor1: var(--theme-palette-color-1);
|
|
--paletteColor2: var(--theme-palette-color-2);
|
|
--paletteColor3: var(--theme-palette-color-3);
|
|
--paletteColor4: var(--theme-palette-color-4);
|
|
--paletteColor5: var(--theme-palette-color-5);
|
|
--paletteColor6: var(--theme-palette-color-6);
|
|
--paletteColor7: var(--theme-palette-color-7);
|
|
--paletteColor8: var(--theme-palette-color-8);
|
|
|
|
--fontFamily: var(--theme-font-family);
|
|
--fontSize: var(--theme-font-size);
|
|
--fontWeight: var(--theme-font-weight);
|
|
--fontStyle: var(--theme-font-style);
|
|
--lineHeight: var(--theme-line-height);
|
|
--letterSpacing: var(--theme-letter-spacing);
|
|
--textTransform: var(--theme-text-transform);
|
|
--textDecoration: var(--theme-text-decoration);
|
|
|
|
--buttonFontFamily: var(--theme-button-font-family);
|
|
--buttonFontSize: var(--theme-button-font-size);
|
|
--buttonFontWeight: var(--theme-button-font-weight);
|
|
--buttonFontStyle: var(--theme-button-font-style);
|
|
--buttonLineHeight: var(--theme-button-line-height);
|
|
--buttonLetterSpacing: var(--theme-button-letter-spacing);
|
|
--buttonTextTransform: var(--theme-button-text-transform);
|
|
--buttonTextDecoration: var(--theme-button-text-decoration);
|
|
|
|
--color: var(--theme-text-color);
|
|
--linkInitialColor: var(--theme-link-initial-color);
|
|
--linkHoverColor: var(--theme-link-hover-color);
|
|
--linkActiveColor: var(--theme-link-active-color);
|
|
--selectionTextColor: var(--theme-selection-text-color);
|
|
--selectionBackgroundColor: var(--theme-selection-background-color);
|
|
|
|
--buttonMinHeight: var(--theme-button-min-height);
|
|
--button-width: var(--theme-button-max-width);
|
|
--buttonShadow: var(--theme-button-shadow);
|
|
--buttonTransform: var(--theme-button-transform);
|
|
--buttonTextInitialColor: var(--theme-button-text-initial-color);
|
|
--buttonTextHoverColor: var(--theme-button-text-hover-color);
|
|
--buttonInitialColor: var(--theme-button-background-initial-color);
|
|
--buttonHoverColor: var(--theme-button-background-hover-color);
|
|
--button-border: var(--theme-button-border);
|
|
--button-border-hover-color: var(--theme-button-border-hover-color);
|
|
--buttonBorderRadius: var(--theme-button-border-radius);
|
|
--button-padding: var(--theme-button-padding);
|
|
|
|
--form-font-size: var(--theme-form-font-size);
|
|
--form-field-width: var(--theme-form-field-width);
|
|
--form-field-height: var(--theme-form-field-height);
|
|
--form-field-padding: var(--theme-form-field-padding);
|
|
--form-field-border-width: var(--theme-form-field-border-width);
|
|
--form-field-border-style: var(--theme-form-field-border-style);
|
|
--form-text-initial-color: var(--theme-form-text-initial-color);
|
|
--form-text-focus-color: var(--theme-form-text-focus-color);
|
|
--form-field-border-initial-color: var(--theme-form-field-border-initial-color);
|
|
--form-field-border-focus-color: var(--theme-form-field-border-focus-color);
|
|
--form-field-border-radius: var(--theme-form-field-border-radius);
|
|
--form-field-initial-background: var(--theme-form-field-background-initial-color);
|
|
--form-field-focus-background: var(--theme-form-field-background-focus-color);
|
|
--form-field-select-initial-background: var(--theme-form-select-background-initial-color);
|
|
--form-field-select-active-background: var(--theme-form-select-background-active-color);
|
|
--form-checkbox-border-radius: var(--theme-form-checkbox-border-radius);
|
|
--form-selection-control-initial-color: var(--theme-form-selection-field-initial-color);
|
|
--form-selection-control-accent-color: var(--theme-form-selection-field-active-color);
|
|
|
|
--headings-color: var(--theme-headings-color);
|
|
--headingColor: var(--theme-heading-color);
|
|
--heading-color: var(--theme-heading-color);
|
|
--heading-1-color: var(--theme-heading-1-color);
|
|
--heading-2-color: var(--theme-heading-2-color);
|
|
--heading-3-color: var(--theme-heading-3-color);
|
|
--heading-4-color: var(--theme-heading-4-color);
|
|
--heading-5-color: var(--theme-heading-5-color);
|
|
--heading-6-color: var(--theme-heading-6-color);
|
|
|
|
--boxShadow: var(--theme-box-shadow);
|
|
--box-shadow: var(--theme-box-shadow);
|
|
--border-color: var(--theme-border-color);
|
|
--borderRadius: var(--theme-border-radius);
|
|
--border: var(--theme-border);
|
|
--borderTop: var(--theme-border-top);
|
|
--borderBottom: var(--theme-border-bottom);
|
|
|
|
--wide-offset: var(--theme-wide-offset);
|
|
--content-spacing: var(--theme-content-spacing);
|
|
--has-content-spacing: var(--has-theme-content-spacing);
|
|
--boxed-content-spacing: var(--theme-boxed-content-spacing);
|
|
--content-vertical-spacing: var(--theme-content-vertical-spacing);
|
|
--container-edge-spacing: var(--theme-container-edge-spacing);
|
|
--container-width: var(--theme-container-width);
|
|
--container-width-base: var(--theme-container-width-base);
|
|
--normal-container-max-width: var(--theme-normal-container-max-width);
|
|
--narrow-container-max-width: var(--theme-narrow-container-max-width);
|
|
--frame-size: var(--theme-frame-size);
|
|
--frame-color: var(--theme-frame-color);
|
|
--block-width: var(--theme-block-width);
|
|
--block-max-width: var(--theme-block-max-width);
|
|
--block-wide-max-width: var(--theme-block-wide-max-width);
|
|
--boxed-content-max-width: var(--theme-boxed-content-max-width);
|
|
|
|
--listIndent: var(--theme-list-indent);
|
|
--listStyleType: var(--theme-list-style-type);
|
|
--listItemSpacing: var(--theme-list-items-spacing);
|
|
--descListIndent: var(--theme-description-list-indent);
|
|
--descListSpacing: var(--theme-description-list-spacing);
|
|
|
|
--table-font-size: var(--theme-table-font-size);
|
|
--table-border-width: var(--theme-table-border-width);
|
|
--table-border-style: var(--theme-table-border-style);
|
|
--table-border-color: var(--theme-table-border-color);
|
|
--table-padding: var(--theme-table-padding);
|
|
|
|
--transition: var(--theme-transition);
|
|
--default-editor: var(--theme-default-editor);
|
|
|
|
--icon-size: var(--theme-icon-size);
|
|
--icon-color: var(--theme-icon-color);
|
|
--icon-hover-color: var(--theme-icon-hover-color);
|
|
--icon-focus-color: var(--theme-icon-focus-color);
|
|
--icon-active-color: var(--theme-icon-active-color);
|
|
--icon-transition: var(--theme-icon-transition);
|
|
|
|
--object-fit: var(--theme-object-fit);
|
|
--object-position: var(--theme-object-position);
|
|
} |