1.4.0

Additions

• Added more variables for checkbox- and radio-elements (Their style isn't tied to form settings anymore) e59d665 8d2676d

  • $form-checkbox-radio-label-color-invert (Inverted color for labels when using text-color: invert)

  • $form-checkbox-radio-border-width (Border-width)

  • $form-checkbox-radio-border-style (Border-style)

  • $form-checkbox-radio-background (Background-color)

  • $form-checkbox-radio-background-hover (Background-color when hovered)

  • $form-checkbox-radio-background-focus (Background-color when checked)

  • $form-checkbox-radio-symbol-font-size (Font-size for '✔'-symbol)

  • $form-checkbox-radio-symbol-color (Color for '✔'-symbol)

• Added new utility functions and added documentation 9008fc0

  • isValidUnit($type) (Checks if unit is px or rem)

  • px() (Converts rem to px)

  • sumList() (Return the sum of two shorthand css)

  • subList() (Return the difference of two shorthand css)

  • shortPercentage() (Returns percentage() with 4 decimal places)

  • minUnit() (Compare two values and return the minimum - Can be used with px and rem)

  • maxUnit() (Compare two values and return the maximum - Can be used with px and rem)

To use the new variables, make sure to fill the new variables in "Form: Checkbox / Radio" if you are installing it on a running version

Changes

• Changed $font-size-base to type number 4b1dd52

• rem(), sum() and sub() should now output units (instead of strings) and can be used inside other functions

• standardize() should now return a list-type instead of a string (output the full shorthand with 4 values).

• rem() can now be used with pixel values

• button-padding() is now subList() and shouldn't be used anymore

• shorten-decimal-value() was rewritten to shortPercentage()

• Changed all paddings for buttons to subList 2ee462d

• Checkbox labels should now behave properly and react to checkbox-sizes 8d2676d Line 254

• The font-size for the checkbox-'✔'-symbol is now limited to the inner width of a checkbox eebfb7a

• The form palette of the ThemeManager configuration was split into multiple sections to make it more understandable

  - Form: Textarea (Line-height for widget-textarea)
  - Form: Label / Legend (Styles for label and legend)
  - Form: Select / Input / Textarea (Styles for input-, select- and textarea-elements)
  - Form: Checkbox / Radio (Styles for checkbox- and radio-elements)
  - Form: Miscellaneous (Styles such as select-symbols or form-validation)
  

Deprecated

• button-padding() will be removed in ThemeManager version 2
• shorten-decimal-value() will be removed in ThemeManager version 2

Bugfixes

• Fixed a bug where 'ol'-elements (ordered lists) were not considered for text-color-invert #2 66e89c3
• Fixed a bug where 'overflow: visible' (.ov) was overwritten by other styles #4 2753d20
• Fixed a translation error for the german column-width descriptions #5 5661dd1
• Added an invert-color for checkbox labels #3 9d65858

1.3.4

Notice

To make sure you can use all new style manager additions, it is strongly recommended to import our new stylemanager-configuration, found here: style-manager-core.xml

Additions

Added 'boxed' option bba6945 for following modules :

• login
• personal-data
• registration
• change password
• lost password

Bug fixes

• Fixed a bug with wrapper-components not reacting to vertical alignments 3417800

• Added ajaxform_inline template with a '.inside' class (forms in other plugins not working correctly) e6d7ff7

• Fixed a bug where usage of form_checkbox and form_radio in other modules may throw an error c6b2f54

1.3.3

Notice

To make sure you are able to use all new style manager additions, it is strongly recommended to import our new stylemanager-configuration found here: style-manager-core.xml

Additions

• Added an option to give buttons a full-width (setting them display-block) f726d81

With display block, buttons will behave like text in terms of layouting. You can use the usual text-alignment to align it on the horizontal axis

• Download links in ce_download and ce_downloads can be shown as buttons now 963498c

• Added gird-list behaviour for ce_downloads 963498c ea96cd0

The grid-list behaviour will activate if any settings for the grid-list are active. This will parse the other part of the template and make sure your previously styled lists won't break with this update. If you display the downloads as buttons, it is recommended to use the new full-width option

Changes

• Removed following parts from the user-select-mixin due to not being needed anymore (https://caniuse.com/?search=user-select) 656d00d 1ec7f99
  -webkit-touch-callout
-khtml-user-select
-moz-user-select
-ms-user-select

Bugfixes

• Removed the option to give wrappers and boxed-wrappers "layout>boxed" as it didn't work due to their structure 9f5a03f

• Added palettes for wrapper and boxed-wrapper content-element b2fe2ed

You should now be able to use the stylemanager with these content-elements if you import the new core xml

• Fixed a bug with floats not being cleared for icon- and image-text elemens 6162b7a

1.3.2

Additions

Added form-validation dropdown in Theme-Manager configuration.
The form-validation highlights input, select and textarea fields that are empty and contain non-valid input.

Following options have been added:

• None
• Focus (Error styles only on focus)
• Always (Always show error styles for non-valid form-fields)

Changes

• Changed .error styles to :not(:valid) (The error markdown is removed if the new input is valid)

• Extending .error styles via extend for more general usage

1.3.1

Additions

• Added a charset.css (charset utf8) to be at first position of combined css files a4456a7

• Added $form-select-option-color and $form-select-option-background (You are now able to configure these as well and change the colors for dropdown select options) 666ed50

• Added a utility function (shorten-decimal-value) for usage in percentage calculations to shorten percentage values to 4 decimal places 189fada

Bugfixes

• Fixed a bug with layout-absolute top images not being resized to 100% 4e4b6c8

• Fixed a bug with boxed layout-top not working with multiple values 431ffad

• Fixed a bug with small-gutter not being set to form_fieldsetStart f038b80

1.3.0

Notice

To make sure you are able to use all new style manager additions, it is strongly recommended to import our new stylemanager-configuration found here: style-manager-core.xml

Additions

• Added text-alignment for headlines with responsive behaviour 09b733e
  hl-align-left
hl-align-right
hl-align-center
hl-align-justify

• Added $link-font-weight to thememanager configuration c8e5b5f

• Added support for form fieldsets to inherit our grid framework 2941e82

• Added responsive styles from contao c0ea72a

• Added $form-textarea-lineheight to thememanager configuration 0cd2ab1

• Added wrapper-start and wrapper-stop - content elements (and their boxed variants) 87c3b79 0416eed

• Added boxed-shadow for grid-lists 5c70fe4 adc3937 (You are now able to use box shadows for boxed-elements without them being cut off - please keep in mind that the $box-shadow variable should not be bigger than grid-gutter)

• Added 12 new layout options for Image-Text elements for absolute positioning of text above images 8409989
  Absolute Top, Absolute Center, Absolute Bottom (For 100% width of c_text and positioning on vertical axis)
  Absolute Left Top, Absolute Left Center, Absolute Left Bottom
Absolute Middle Top, Absolute Middle Center, Absolute Middle Bottom
Absolute Right Top, Absolute Right Center, Absolute Right Bottom

• Added text-alignment for hyperlinks and toplinks ed28925

Changes

• Restricted units for all fields in theme configuration to only allow px and rem 92f76b2 ad4de1c

We are aware of the restriction but most units were redundant and would not work. The only exception made was adding em for heading letterspacings. A few components in our framework work with calculations. „Wrong usage“ of units for some variables would have led to unexpected behaviour

• Removal of unnecessary styles for justify content 1c89ad2

• Subheadings can now contain more than 255 characters d97628d (You are now able to use „Headline 2“ to add additional text)

• Added p and div for headings 2e95ea2 (You are now able to fake a heading by using „p“ or „div“ with a headline class – Search Engine Optimization)

• Removed standard-appearance of buttons a3f2ed5

• Added overflow visible attribute to inside containers of .ov elements 12cdd85

• Changed how hl-design-lined works 793c2d5 (It is now able to inherit text-alignment and the position is calculated based on thememanager configuration)

• Converting RSCE to HTML has been disabled bc96f67

Components in our framework are rock solid custom elements. Converting these to HTML will break them.

• Added a message for redundant css framework in layout settings eef5013

Adding a css framework with drastic layout changes like holy-grail on top of the theme-manager may lead to unexpected behaviour

Deprecated / Moved

• Removed headline-design.scss from core and moved it into additonal styles 6a599af

This feature was removed due to it’s css size. The removal of it reduces the framework by 5kB. You are still able to use it by following these steps:

1. Download the scss from additional-styles/headline-design
2. Add it to your theme compilation settings (Skin source files)
3. Compile your theme (Skin source files can use the configurated theme manager variables which are needed in headline-design.scss for calculating the right spacings)
4. Add the new generated css file to your layout
5. Import style-manager-headline-design.xml to your Stylemanager (StyleManager > Import)

Bugfixes

• Fixed a bug with no-gutter not working correctly 8e8e077

• Fixed a bug where headline-fields would not be added to elements f822187

• Added missing text-alignment (justify) 30a89e0

• Added subheadings to navigation modules 82a195e

• Changed layout-top calculation to work with px, rem and all shorthand values for boxed elements 960165f

• Removed placeholder classes for form-field-image 6b59777

1.2.5

Bugfix: Missing headlines will be displayed again.

1.2.4

Bugfixes

• no-gutter not working correctly
• Labels in tl_content and tl_module will be translated again
• Callback methods for rsce not needed anymore
• Dont't add headline fields is already exist

1.2.3

• Icon font can now be changed via the config
• Add branch alias

1.2.2

Bugfix: The captcha field was not completely hidden