- Theme - Allow site's global site theme to be missing #6876 Thanks @cruzdanillo
2.4.0includes a new componentplaceholder. To use this component in your existing SUI site, be sure to add@placeholder: 'default';to yourtheme.config. You can see an example intheme.config.example
- Site - Site theme now includes
@customScrollbarHeightand specifies a default horizontal scrollbar height Thanks @jayphelps #5749
- Site - Site now includes custom styles for in-page UI scrollbars (but not actual page scrollbar) by default in WebKit/Chrome. Components with inverted content like dimmer include an inverted scrollbar. You can disable this by setting
@useCustomScrollbars: falsein yoursite.variables
- Site - Added colored box shadow defaults.
ui messagenow includes individual colored border shadows based on new site defaults. - Site - Added new
@inputColorand@inputPlaceholderColorglobal variables that now control placeholder text styles across all components.
- Build - Fixed issue where using a packaged theme without a
site.variableswould cause build to fail #3009 #3010
- Button -
colored basicbutton are now colored before:hoverin the default theme, this is more in line with common usage across other websites. - Site - Added global variable
@focusedFormBorderColorfor controlling form focus border color
- Site - Sizing variables now are relative to
@emSizeadjusting all sizing variations proportionately as@emSizechanges #2538
- Site - Added new colors
olive,violet,brownandgrey. These are available in all elements with color variations. Thanks @lemartialou - Site - Added many new site variables, including the ability to control input size across all UI
inputPadding, along with more border colors, accents, and colors. - Build Tools - Adjusting
site.variableswill now rebuild all UI, instead of justsite.less - Site - Fixed mixed globals
@defaultDurationand@transitionDurationusage to use a single variable across all UI@defaultDuration, the same for@defaultEasingand@transitionEasing - Site - Added in
pageOverflowXvariable, default theme hides horizontal scrollbars onbody - Site - Added default
focuscolors for all color variations - Site - All floating/raised variations now inherit from a global
@floatedShadowmaking theming easier - Form - Form sizes and input sizes now inherit from
site.variables - Message - Message now uses
@lineHeightfromsite.variables - Header/Table/Divider - These components now pull border color defaults from
site.variablesinstead of using their own values - Site - Additional font variables have been added to site to help clarify variable purpose.
- Site - Increase contrast on default hovered/down colors for colored variations
- Site - Page background is now
#FFFFFFby default instead of an offwhite#F7F7F7 - Site - Adjusted global line height to the closest even pixel value
- Build Tools - Fixed
npm installwithoutsemantic.jsonto merge changes with site theme and packaged themes in a similar fashion tonpm update
- Build Tools - Adjusting site.variables will now rebuild all UI, instead of just site.less
- Site -
h1-h5now have no top margin whenfirst-childand no bottom margin whenlast-child
- Build Tools - Fixed issue with recursive merge for site themes in update scripts, details here Thanks @derekslife
- Header - Content headers now inherit
@h1-h6sizes fromsite.variables
- Site - Form input highlighting color added (helps differentiate form colors with autocompleted fields). Default text highlighting color moved from highlighter yellow to a mellow blue.
Site Variables
- Site - EM values for
smalllargeetc are now all calculated from@emSizeallowing you to only change one variable.
- Fonts - Add font subset variable for
site.variablesThanks gabormeszoly - Theme.config.example now links to final site folder
- Popup - Popup now has a
settings.preferthat defaults toadjacent. This setting sets prefered next placement when a popup cannot fit on screen in the chosen placement.prefercan also be set tooppositeto prefer the same position on the opposite side
- Site - Add protocol variable for Google Font loader to avoid issues with
//when loading locally causing freezing
- Popup - Positioned popups will now extend in the opposite direction to fit better with floated content
- Icon - Hide and unhide icon were accidentally given opposite names