Migration WSC 3.0 - CSS

pages/migration/wsc-30/migration_wsc-30_css.md

@@ -0,0 +1,33 @@
+---
+title: Migrating from WSC 3.0 - CSS
+sidebar: sidebar
+permalink: migration_wsc-30_css.html
+folder: migration/wsc-30
+---
+
+## New Style Variables
+
+{% include callout.html content="The new style variables are only applied to styles that have the compatibility set to WSC 3.1" type="info" %}
+
+### wcfContentContainer
+
+The page content is encapsulated in a new container that wraps around the inner content, but excludes the sidebars, header and page navigation elements.
+
+ * `$wcfContentContainerBackground` - background color
+ * `$wcfContentContainerBorder` - border color
+
+### wcfEditorButton
+
+These variables control the appearance of the editor toolbar and its buttons.
+
+ * `$wcfEditorButtonBackground` - button and toolbar background color
+ * `$wcfEditorButtonBackgroundActive` - active button background color
+ * `$wcfEditorButtonText` - text color for available buttons
+ * `$wcfEditorButtonTextActive` - text color for active buttons
+ * `$wcfEditorButtonTextDisabled` - text color for disabled buttons
+
+## Color Variables in `alert.scss`
+
+The color values for `<small class="innerError">` used to be hardcoded values, but have now been changed to use the values for error messages (`wcfStatusError*`) instead.
+
+{% include links.html %}