- Theme - Allow site's global site theme to be missing #6876 Thanks @cruzdanillo
2.4.0
includes 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
@customScrollbarHeight
and 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: false
in yoursite.variables
- Site - Added colored box shadow defaults.
ui message
now includes individual colored border shadows based on new site defaults. - Site - Added new
@inputColor
and@inputPlaceholderColor
global variables that now control placeholder text styles across all components.
- Build - Fixed issue where using a packaged theme without a
site.variables
would cause build to fail #3009 #3010
- Button -
colored basic
button are now colored before:hover
in the default theme, this is more in line with common usage across other websites. - Site - Added global variable
@focusedFormBorderColor
for controlling form focus border color
- Site - Sizing variables now are relative to
@emSize
adjusting all sizing variations proportionately as@emSize
changes #2538
- Site - Added new colors
olive
,violet
,brown
andgrey
. 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.variables
will now rebuild all UI, instead of justsite.less
- Site - Fixed mixed globals
@defaultDuration
and@transitionDuration
usage to use a single variable across all UI@defaultDuration
, the same for@defaultEasing
and@transitionEasing
- Site - Added in
pageOverflowX
variable, default theme hides horizontal scrollbars onbody
- Site - Added default
focus
colors for all color variations - Site - All floating/raised variations now inherit from a global
@floatedShadow
making theming easier - Form - Form sizes and input sizes now inherit from
site.variables
- Message - Message now uses
@lineHeight
fromsite.variables
- Header/Table/Divider - These components now pull border color defaults from
site.variables
instead 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
#FFFFFF
by default instead of an offwhite#F7F7F7
- Site - Adjusted global line height to the closest even pixel value
- Build Tools - Fixed
npm install
withoutsemantic.json
to 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-h5
now have no top margin whenfirst-child
and 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-h6
sizes 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
small
large
etc are now all calculated from@emSize
allowing you to only change one variable.
- Fonts - Add font subset variable for
site.variables
Thanks gabormeszoly - Theme.config.example now links to final site folder
- Popup - Popup now has a
settings.prefer
that defaults toadjacent
. This setting sets prefered next placement when a popup cannot fit on screen in the chosen placement.prefer
can also be set toopposite
to 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