![]() That being said, it would be nice if the starting point was much closer to the finish line. The new Starterkit theme ( which is based off Classy) isn’t styled at all. Improvements to Starterkit Theme Coming Soon This means that you can still create child themes from other themes, and have them inherit regions, styles, templates, etc. Note that sub-theming is not going anywhere in Drupal. In addition, we’d love to see the theme generator be able to clone themes directly from the web. However, work is being done to enable more themes to be cloneable, including Olivero. Php core/scripts/drupal generate-theme mythemeĬurrently, the only theme in core that can be cloned is the Starterkit theme. New Theme Generator in Coreĭrupal 10 offers a new way to create themes! The new theme generator functionality allows you to run a simple PHP command from your terminal to generate a new theme. ![]() In addition to dramatically simplifying the CSS codebase and making it more maintainable, it also reduces the bundle size of Drupal’s end-user CSS by 25%! There’s a lot more work to do with this (especially with the older parts of Drupal’s code), so more improvements are on the way! To learn more, read this excellent article on MDN. So instead of writing margin-left – when you want margin at the start of where the text starts – you write margin-inline-start. Modern CSS can now use “logical properties,” which will automatically take into account the writing direction of the language. These values are then output into the DOM via inline CSS custom properties, which are then ingested by more custom properties to create all the variations of the initial color.ĭrupal has long supported languages that read from the right-hand side to left (like Arabic and Hebrew) though prefixing the CSS selector with. From there, PHP extracts the hue, saturation and luminosity of the input color. The user interface to change the color is really simple: the site builder only needs to choose one color (using a color picker). Color Changing in the Olivero Themeīecause Drupal 10 can natively support CSS custom properties, we created functionality to enable site builders to change Olivero’s color scheme. If you’re interested in how this works, I wrote an article about it on CSS Tricks. This is all powered by modern CSS, including Grid and custom properties. If the grid item becomes smaller than the minimum width, the number of items in each row will decrease. It works better than you may hope! Instead of specifying browser screen widths and how many items you want to be in each row, you simply specify the maximum number of columns, along with the minimum width for each grid item. Within Drupal 10, we have a new “Responsive Grid” display. However, it wraps each row (or column) in its own, which makes it impossible to make the markup responsive (i.e., switch from 4 to 3 columns at narrower screen widths). ![]() Views Responsive Gridĭrupal core’s Views module has long included a “grid” display. ![]() In addition, we implemented a lightweight API using CSS custom properties, which allows themes and modules to easily restyle the dialog if needed! For site builders 1. This effectively prevents any styles from leaking in when they should not. With Drupal 10+ no longer supporting Internet Explorer, we were able to implement a proper reset of the settings tray using the all: revert CSS rule. ![]()
0 Comments
Leave a Reply. |