Migrated from `@extend` to `@include`
authorAlexander Ebert <ebert@woltlab.com>
Sun, 13 Mar 2016 21:11:41 +0000 (22:11 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Sun, 13 Mar 2016 21:11:41 +0000 (22:11 +0100)
commit5908f54f9facc61a4bf93824115280cfed5df983
tree9697ac3e9cc49d431ee578c9bbdc65c2c088627a
parente5359fe5e5c092bc8f3f90179aad7db7d16641d3
Migrated from `@extend` to `@include`

`@extend` has a few downsides that led to this change:
- selectors are merged, thus the order in which individual CSS appears
in the stylesheet is no longer deterministic
- doesn't work with `@media`
- creates really huge selectors that negatively impact the work with
browser developer tools

Using `@include` does increase the raw filesize as the individual CSS
properties are now copied rather than referenced: Gzip negates this
almost entirely.
33 files changed:
wcfsetup/install/files/lib/system/style/StyleCompiler.class.php
wcfsetup/install/files/style/bbcode/quote.scss
wcfsetup/install/files/style/bootstrap/mixin.scss
wcfsetup/install/files/style/bootstrap/mixin/box.scss [new file with mode: 0644]
wcfsetup/install/files/style/bootstrap/mixin/font.scss [new file with mode: 0644]
wcfsetup/install/files/style/bootstrap/mixin/list.scss [new file with mode: 0644]
wcfsetup/install/files/style/element/dl.scss
wcfsetup/install/files/style/element/list.scss
wcfsetup/install/files/style/layout/box.scss
wcfsetup/install/files/style/layout/content.scss
wcfsetup/install/files/style/layout/form.scss
wcfsetup/install/files/style/layout/global.scss
wcfsetup/install/files/style/layout/layout.scss
wcfsetup/install/files/style/layout/pageHeader.scss
wcfsetup/install/files/style/layout/sidebar.scss
wcfsetup/install/files/style/ui/badge.scss
wcfsetup/install/files/style/ui/breadcrumb.scss
wcfsetup/install/files/style/ui/button.scss
wcfsetup/install/files/style/ui/comment.scss
wcfsetup/install/files/style/ui/datePicker.scss
wcfsetup/install/files/style/ui/dialog.scss
wcfsetup/install/files/style/ui/dropdown.scss
wcfsetup/install/files/style/ui/dropdownInteractive.scss
wcfsetup/install/files/style/ui/label.scss
wcfsetup/install/files/style/ui/media.scss
wcfsetup/install/files/style/ui/message.scss
wcfsetup/install/files/style/ui/messageGroup.scss
wcfsetup/install/files/style/ui/pageAction.scss
wcfsetup/install/files/style/ui/redactor.scss
wcfsetup/install/files/style/ui/tabMenu.scss
wcfsetup/install/files/style/ui/tabMenuMessage.scss
wcfsetup/install/files/style/ui/tabularBox.scss
wcfsetup/install/files/style/ui/tooltip.scss