Migration Guide to Version 2.0.0

An overview of a few things you will need to accommodate in your update to the next major version.

If you want to keep your templates compatible with version 1.4.0 as well as version 2.0.0, follow the recommendations in the "Backwards compatible" sections.

Page Frame

The page wrapper now has borders by default. The super banner advertisement can no longer be integrated in the header. The corresponding classes are obsolete.

page-wrapper--border
remove
page-wrapper--with-ads--contained
remove

Backwards compatible: Leave the classes in and clean up later.

The old page header (page-header-full) has been removed.

Backwards compatible: Switch to the new top navigation before making the update.

Backgrounds

Some background colors are no longer available in this version and are superseded by a single standard color. Replace these with the new background class for the default background.

background-lightblue
background
background-darkblue
background
background-lightgray
background
background-darkgray
background

Backwards compatible: Apply the new background class and keep the old ones, as in <div class="background background-lightblue">.

Borders

Some border colors are no longer available in this version. You can remove the corresponding border-<color> classes. Your modules will continue to work because they already have the border class, which now applies a default color.

border-lightblue
remove
border-darkblue
remove
border-lightgray
remove
border-darkgray
remove

Backwards compatible: Leave the classes in and clean up later.

Buttons

The buttons have functional class names now to make sure that they will not have to be renamed again as a result of visual changes. The transparent button has been removed.

button-orange
button-primary
button-darkblue
button-secondary
button-lightblue
button
button-transparent
button

Backwards compatible: Apply both the new and the old class, as in <a href="#" class="button-primary button-orange">.

Fonts

The class for making text light gray has been renamed. There is no longer a way to turn text blue. The font family classes are obsolete, because they now do the same thing. The large line height is obsolete because line heights have been increased across the board.

font-light
font-lightgray
font-brandblue
remove
font-headline
remove
font-global
remove
font-line-l
remove

Backwards compatible: The font-light class now reduces font weight. Visually, this has a similar effect, so you could choose to postpone the class switch until after your migration. Keep the remaining old classes.

Forms

The standard form theme has been renamed.

form-theme-blue
form-theme-standard

Backwards compatible: Apply both the new and the old class, as in <form action="#" class="form form-theme-standard form-theme-blue">.

Rounded Corners

In the new design scheme, rounded corners occur only rarely on special modules. They can no longer be applied to random elements.

rounded
remove
rounded-top
remove
rounded-right
remove
rounded-bottom
remove
rounded-left
remove

Backwards compatible: Leave the classes in and clean up later.