All the details from our regular updates to Source and the Source Addon pack
A list of all the updates that have been pushed out for Source and Source Addons. You can filter to view one or other of these products using the buttons below.
Appreciate the updates that we push out? If so please consider a donation to help support continued development.
[Custom Links stack] - A new (hidden) stack that can be used with the Source Nav bar stack to add custom links to the nav bar. Simply toggle the option in the Nav stack to 'Accept custom links' to activate this on the page. In addition the stack allows you to set up an observer that will mark the nav items as active when the related section scrolls into view.
Bug fixes
All the features of 2.9.0 but with an added bug fix!
[Custom Links stack] - A new (hidden) stack that can be used with the Source Nav bar stack to add custom links to the nav bar. Simply toggle the option in the Nav stack to 'Accept custom links' to activate this on the page. In addition the stack allows you to set up an observer that will mark the nav items as active when the related section scrolls into view.
[Image Fit] - A placeholder is now shown until such time as an image is added to the stack
[Image Plus] - A placeholder is now shown until such time as an image is added to the stack
Designer tip: These placeholders will be published if no image is provided. This is great for publishing demo / template sites. The placeholders also tie in nicely to your page design as the icon used has been set to pick up the page's color scheme!!
Improvements
[Grid Plus Pro] - Option to add custom data attributes to grid item HTML
[Container Plus] - Option to add a negative margin via the Custom Margin (Basic) setting
[Utility classes] - Added a few additional opacity classes (o01, o02, o05 for 0.01, 0.02 and 0.05 opacity levels)
Have you seen our new interactive project preview page on the Source website yet? If not be sure to check it out - it's a great way to see our projects in action!
[Coder] Option to not apply any added CSS rules in Edit mode
[Grid Plus Pro] Option to not set a global flex alignment option in the parent grid stack
[Grid Plus / Grid Plus Pro] Support for Feeds stack (from Weaver’s Space). Can add a Feeds stack directly into the Grid stacks. To then use: add a Grid Item stack into the Feeds stack and build out the desired template structure. This approach will create a new grid item for every feed item.
Bug fixes
[Various] All components of a stack are now hidden when using the Show/Hide at breakpoint controls (previously some Stacks’ settings were retained even when content was hidden)
[Grid Plus Pro] Grid template areas are here! A complimentary / alternative way to set up your grids in Grid Plus Pro. Check out our Knowledge Base article for more information and a demo project.
[Grid Plus Pro] Option to define custom grid-auto-row values (which dictate the height of any rows added to the implicit grid - i.e. those that you are not explicitly defining in the existing row template field.)
[Image Fit] Option to set image ‘fit’ mode to object-fit: contain (as opposed to the default object-fit: cover)
[Coder] New CSS input field available when adding a wrapper div to allow quick / easy insertion of css rules that you want to apply to that particular Coder stack.
[Image Plus] Option to have the image fill the available space (by applying object-fit: cover) - this is often useful when adding the image to a grid item (note: it should generally be the only content added to its container if using in this way though there is also the option to apply absolute postiioning to it which would allow other content to be seen.)
Improvements
[Container Plus] Fix for fixed background image issue on new and larger iPad devices. The effect is now cancelled on all touch devices as opposed to basing it on screen width.
[Classes] Added in utility classes to for display: grid (d-grid and responsive variants)
[Image Plus] - A brand new stack to support the use of modern image formats (such as webP and AVIF) in Source. As these still aren’t fully supported formats a fallback image should be set too.
[Grouper] - NEW dedicated stack for grouping other stacks. Useful to enhance organisation in RW Edit mode. This stack adds zero weight to the published page. (Note: Coder can perform this same function but this dedicated stack is quicker / easier to use)
[Coder] Added styling for when stack is hidden via Stacks Visibility control (and new option to add a background tint colour).
[Container Plus] Added styling for when stack is hidden via Stacks Visibility control (and new option to add a background tint colour).
[Image Fit] - Breaking change: Adapted the ‘Add src prefix' functionality to cater for all custom needs (i.e. ones that didn’t end in src) . If you use this function currently then you will need to append src onto the value in the custom prefix box as it is no longer added by default. Apologies for any inconvenience.
[Grid Plus Pro] Advanced: Option to set a custom tag for the grid (and set child grid items to be spans). Useful for creating semantically correct headings with advanced layouts.
[Grid Plus Pro] Added a couple of additional preset column definition options
[Custom fonts] Adapted stack colour in Edit mode to take on the ‘second' colour that is set in the base stack.
[Custom fonts] System or Raleway font now reflected in Edit mode for Headings etc (NB: regular body text will remain as the Stacks default font regardless)
[SVG] v2 version of SVG stack released which offers more options for sizing, colours and hover (and more efficient code). v1 stack has been hidden and marked as a legacy version (it will continue to work in existing projects).
[Container Plus] Option to select the new alt max-width value (set in v2 Base stack)
[Utility classes] New options for adding additional colour values and box-shadow values
[Custom Fonts] New stack for adding in custom fonts (self-hosted or Google). Also has option to use a locally hosted version of the Raleway font (previously the default font in Source).
[Grid Plus Pro] New column definition options to make it way easier / quicker to set up some of the most common column structures (and of course you can still add a custom definition to create any additional column structures that you can imagine)
[Image Fit] Option to add photos for medium, large and extra large device width (same as regular Image stack).
Bug fixes
[Image Fit] Removed option to add Aria label for link in settings. This is a fix for Stacks 4.1. Please use the Custom Attributes in the RW link dialogue box instead.
[SVG] Removed option to add Aria label for link in settings. This is a fix for Stacks 4.1. Please use the Custom Attributes in the RW link dialogue box instead.
[Grid Plus Pro] Option to use absolute positioning when stating the position of a grid item (especially useful for backgrounds / overlays as limits the need to also state the position of other items)
[Image Fit] Option to specify border-radius value as a percentage
[Coder] Added new content type of CSS - this is useful if you want to create a partial, external or template that includes some custom CSS (that you would normally add to the page settings).
[Coder] Option to add data attributes to the wrapper
[Grid Plus] Option to make contained stacks display as inline - i.e. taking up only their required width (useful for when displaying item contents as a row). This can be set to only occur on devices over a certain breakpoint
[Grid Plus] Option to hide any grid item at a custom breakpoint
[Container Plus] Option to select the new Divider stack via the blue Add button
[Grid Plus] Option to customise border - including ability to add border to only certain sides (by selecting custom width). Option to re-style border for each grid item
Bug fixes
[Container Plus] Containers with a min-height no longer shown at this height in Edit mode
[SVG] Accessibility improvements. Added option to add an aria label to links.
Bug fixes
[Grid Plus] IMPORTANT: A change was required to how background images in grid items were applied. You will need to re-link any warehoused images. Apologies for any inconvenience.
A collection of additional stacks for use with Source 'micro' framework.
The Addon pack adds far greater power and flexibility. Not least via the Grid Plus stack (view demo) that enables the use of CSS grid to build any layout imaginable.
To take your Source projects to the next level this is a must have collection of stacks.
