Focus 1.3 Changelog

Release date: February 7, 2023

• Visual Editor Updates:
  • Full-width Bleeds: Use the new “Bleed” button to deploy the bleed shortcode with your selected color scheme. Simply highlight the text you want to turn into a bleed, and boom—instant gratification!
  • Focus Content Centering: This Content & Display setting is now reflected in the Post/Page Editor
  • Sub-headlines and Impact Text: Responsive font sizes—smaller on mobile, larger on desktop—are reflected in the editor
• Focus Mode: All layout and content centering now occurs at the second media breakpoint, $b2
• Alignment Classes: Alignment classes like center, left, and right no longer provide a bottom margin when applied to an element (this respects the element’s native properties over the alignment style, which is the proper way to handle the situation)
• Breakouts and Pullouts: These Focus Content Styles are now working on both sides (Focus Mode) and in all presentation modes (Readability and Full-width)
• Sidebar: In Readability Mode, the optional sidebar now includes default styles for ol elements
• Flexible Captions: Captions now center properly when included after an h3 element in Focus Mode
• SCSS Organization: Optimized SCSS mixins and includes to favor easy replacement of key styles and functions. Here’s a handy list of all SCSS mixins that can be substituted with your preferred styles:
  • a — base link styles
  • bar — bar styles
  • bleed — bleed styles and colors
  • button — button styles
  • comments — WP comment styles
  • container — base layout container styles
  • grt — base Golden Ratio Typography (GRT) formatting
  • grt-content — extended GRT formatting
  • grt-sidebar — GRT formatting for optional sidebar
  • header-image — header image styles
  • input — base input element styles
  • menu — nav menu styles
  • prev-next — WP previous/next link styling
  • site-tagline — site tagline styles
  • site-title — site title styles (including styles for replacing the site title with a logo)