Releases: contao-thememanager/core
2.0.2
Bugfixes
- Added a use-statement within image_list 146a652
Dependency Updates
-
Updated dependencies to fix bugs and enhance UX 5c8f9c8
-
Allow saving & compiling on newly created themes (Theme Compiler - v.1.7.0)
-
Fixed an issue with overriding values from bundle configs through imported style manager archives (StyleManager - v3.4.1)
-
Full Changelog: 2.0.1...2.0.2
2.0.1
Bugfixes
- Consider simultaneous top and bottom divider 3c70095 ede33ae
- Consider auto-height for ce_image 5577273
- Fully support dark-mode 54430b4 265e40a
Contao ^5.2 only
Translations
- Changed
SpacingtoMarginfor better comprehension 00746b4 - Removed
ThemeManager-prefix within Icon-Font settings 75cee58 - Renamed
skintotheme75cee58
Full Changelog: 2.0.0...2.0.1
2.0.0
Major Release - ThemeManager Version 2
Notice
An upgrade from the previous 1.x is NOT possible and NOT recommended.
Upgrade and Migration from 1.x
Due to major breaking changes in the ThemeManager, such as new and reordered StyleManager options, major template changes, new class names, deprecations, and removals, we decided to release the ThemeManager as version 2.
Upgrading is nearly impossible and not recommended. In case you accidentally upgraded from version 1.x, please follow this documentation on how to restore from a backup.
What's New in 2.x
Global / Quality of Life Changes
- Simultaneous support for Contao 4.13.x, 5.1.x, 5.2.x
- Complete rewrite of the framework to use CSS custom properties
- Configure images within the filesystem as backgrounds and automatically generate the CSS after compiling
- Prefilled layout settings when creating a new layout
- "main-below" is now the default when creating new articles
- CSS inheritance to pass down options into child templates:
List items can now use image text settings, get paddings, borders, backgrounds, and more by inheritance using CSS custom properties.
- New list settings for vertical & horizontal flexbox properties
- Added default image sizes
Make sure to have an image library installed and/or change it to another image_service [1] [2]
- Reworked wrappers to allow infinite nesting
- Added color preview for text and background colors (user settings)
- Background-images and colors can now be set within content-elements, modules, layouts, and pages
- Box (previously known as boxed) can be set on every eligible component or their children
- Box-elements are no longer text-color-regular by default and can be changed within the StyleManager options
- Generated icons are now available within lists, downloads, and forms
- All forms are now grid by default (login, password, comments, etc.)
- You no longer need to select the image URL for image-list and image-text-lists to add the lightbox URL
- Dynamic Style-Manager options after compilation (style-manager-tm-config)
- Buttons now react to text-color-invert
- New asset compiler overview
- Reworked default theme configuration
ThemeManager Configuration
- New ThemeManager configuration for better overview
- Added text-transform for headlines
- Added colors, font-weights, letter-spacings, and text-transform for content-headlines
- Added image-text-behavior and image-text-ratio-options (dynamic property):
- Added aspect-ratios for images (dynamic property)
- Added min-height for articles and article vertical height (dynamic property)
Dynamic properties are available within the StyleManager options after compilation
- Added article outer padding for more spacing on mobile devices
- Added the possibility to change the select dropdown and checkbox symbol within ThemeManager config
- Added table styles
- Added header options
- Added breadcrumb separator styles
StyleManager Options
- New StyleManager groups
- Global (outer scope)
- Component (component scope)
- Element (children scope)
- New header options (fixed, undocked)
- New article spacings (self-overlap, next-overlap)
- Added article heights (vertical height)
- New grid alignments (horizontal-items and vertical-items)
- Added headline colors
- Added pagination options
- Added background options for global, component, and element scope
- New background options (image, attachment, repeat, size, horizontal position, vertical position)
- New image-text options for image-text, image-text-list, newslist, eventlist (cards)
- Added responsive spacings (margins for every direction) for components and elements
- Added responsive paddings for components and elements
- Added box-mode for list-items
- Added vertical alignment for list-items
- Added options for lists and downloads (grid-list, direction, gutter, style, flex, markercolor)
- Added vertical alignment for texts
Framework
- New structure and CSS (base, components, layout, modules, overrides, styles, utils)
- Changed classnames for better readability
- Now based on custom properties
- Added download styles
- Added image-text styles
- Added pagination styles
- Added breadcrumb styles
- Added table styles
- Added background options
- Added image options
- Added header options
- Added list options
- Added responsive margins and paddings
- And more...
Content Elements and Modules
- Added icon content-element
- Added support for almost every Contao core component
- Added support for faq
- Added support for news
- Added support for comments
- Added support for listing
- Added support for events
Modifications
Gallery
- Integrated ThemeManager framework into the gallery component
News
- Added the possibility to hide the author name within the newslist
- Added the possibility to remove the "by" prefix from news
- Added the possibility to set a custom time format for news
FAQ
- Added the possibility to change headline types (h1-h6) of FAQ page through style manager options
Comments
- Added new translations ('1' comment and 'n' comments)
Full Changelog: 1.5.0...2.0.0
1.5.3
- Lock oveleon/contao-theme-compiler-bundle to version 1.4
1.5.2
1.5.1
1.5.0
Notice
Make sure to read the release notes and the UPGRADE.md.
For anyone following the pre-releases, this is the former 2.0.0-RC version and is being released as v1.5.0 as there are no major changes.
We have decided to rewrite the framework in the future and will release that one as a new major version (changing classnames, structure, templates etc.).
- Removed Contao 4.9 support
- Added Contao 4.13 support
Upgrading
!!! Make sure to export your Style Manager archives within Layout > Style Manager before deleting them !!!
-
if you never changed any templates or any style-manager archives bound to the framework, you need to drop them within Layout > Style Manager (Check UPGRADE.md for further information)
-
if you did change any templates listed in UPGRADE.md, you have to adjust them. Check the UPGRADE.md and CHANGELOG.md
-
if you have changed any style-manager archives bound to the framework, you have to adjust these manually. We did add an option for a partial export and import. Further information can be found within UPGRADE.md and CHANGELOG.md
Changes
- changed license to AGPL 7c1d00f
- importing the style-manager-core.xml is not necessary anymore (they are loaded from the bundle itself)
- dropped Contao 4.9 support
- updated all templates to contao 4.13
- slider-config is no longer a template variable cf50e9b
- form-input icons are now generated through an icon-font 5a7eb9a dbe66e8 6ae3f0e
- replaced webmozart/path-util with symfony/filesystem af9acde 370e691
- IconFonts can now be set within Contao Settings: ThemeManager settings (You no longer need to use $GLOBALS['CTM_SETTINGS']['iconFont'] in config.php)
- changed deprecated scan() method in IconGenerator to scandir()
- updated dependencies:
- contao-theme-compiler-bundle to ^1.2
- contao-config-driver-bundle to ^1.1
Additions
- added an UPGRADE and CHANGELOG.md for updating from version 1.4 to 1.5 (when template and style-manager changes have been made)
- added icon css generation from a iconset.xml 557151d df75e2b d9291b2 3116346 b748aff
- added a possibility to set icons into buttons 1630ba5 95fc2c3
- added a possibility to set icons into list items
- added methods to generate stylemanager xml files a01cd0f
- added list layouting and styles (vertical and horizontal) c0dd4a7 6cd695c
- added table styles c0dd4a7
- added a hyperlink list ba985a5
- added event-list support 5032f37
- added figcaption support to every image content-element bc02a65
- added a possibility to set background and text-color within wrapper-elements 1aa909d c232cb0
- added webp as valid image type for thememanager image-elements c9d9582
- added visibility options to thememanager list-elements 2b5735a d149afc 1a24423 aa35307
Changes to the css-framework
The minified framework size has been reduced from 84kB (11kB gzip) to 54kB (8.7kB gzip).
Most of the framework has been changed to use custom properties. For more information on them, check https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
-
reworked box-shadow styles
-
headlines now have a standard margin of 1rem b164158
-
removed overflow hidden from every block element 37f44ba
-
buttons are now
display: inline-flexe560ccb -
text within full-width buttons is now centered 5f6b5e2
-
minor tweaks to various css to save framework size d6dc061
-
changed specificity of layout-absolute within image-text components 385373b
-
changed grid-framework percentages to 4 decimal places (e. g. 33.33333333% to 33.3333%) 21f99b2
-
reworked spacings to include custom properties 77c264d eca62f4 9db04db
-
reworked layout to include custom properties 2c04a77
-
reworked form styles to include custom properties d6dc061
-
reworked typography to include custom properties 0355144
-
reworked buttons to include custom properties a5b8b34
-
reworked text- and link-colors to include custom properties 281cf9e
-
combined component-spacing, text-alignment, and hl-alignment 52b8940
-
added new utility functions: 47c52e2
- selector-split($string, $separator): converts a sass string into a sass list
- list-to-string($list, $separator, $nested): converts a sass list into a string
-
added new breakpoint mixins: 47c52e2
- loop-css-map($map): iterates through a sass map and outputs a key value pair with selector name
- generate-infix-breakpoint-styles($list): generates css from a sass map with css for all set-up breakpoints. Check styles/_alignmentSpacings.scss on how to use it)
Removal
- removed form-design for form-submit buttons / use normal button-design instead 15eef80
- removed IE and Firefox <18 support e6c0e41
- removed deprecated util-functions
button-padding()andshorten-decimal-value()- usesubList()andshortPercentage()instead 049fb08 - removed
font-smoothing: antialiasedfrom the icon-mixin 582ac61 - removed deprecated {{ua::class}} from fe_page, use this insert-tag within the body-class in layout instead 3d490ce
1.4.3
Contributors
Assets 2
1.4.2
Additions
-
Added a root.css with following custom properties that can be added to your layout settings after compiling e89e411
--body-bg --body-bg-rgb --color-primary --color-primary-rgb --color-secondary --color-secondary-rgb --color-light --color-light-rgb --color-dark --color-dark-rgb --color-text-regular --color-text-invert --font-family-base --font-size-base --line-height-base --line-height-headline --font-weight-base --font-weight-light: --font-weight-regular: --font-weight-medium --font-weight-semibold --font-weight-bold --box-shadow
Usage:
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties -
#6 Added a Save and compile button to the ThemeManager configuration e9a4893