From f56d395cff2cf85b92c8be3f7f93a25141297f60 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 18 Jan 2018 16:50:09 +0100
Subject: [PATCH] Migration WSC 3.0 - CSS

---
 .../migration/wsc-30/migration_wsc-30_css.md  | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 pages/migration/wsc-30/migration_wsc-30_css.md

diff --git a/pages/migration/wsc-30/migration_wsc-30_css.md b/pages/migration/wsc-30/migration_wsc-30_css.md
new file mode 100644
index 000000000..eff847359
--- /dev/null
+++ b/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 %}