- Breaking: Update Bootstrap 4 to 6d8d863
- Breaking: (Fixes #407) Simplify
loading-icon loading-icon-dotted
toloading-animation
. - Breaking: Sidebar removed
.sidebar-actions
use.autofit-row
instead - Breaking: Sidebar removed
.sidebar-section-flex
styles, use.sidebar-section.autofit-row
instead - Breaking: Sidebar renamed
.flex-col
to.autofit-col
and adjust font sizes for.sidebar-dt
and.sidebar-dd
- Breaking: Moved mixins
clay-text-typography
andclay-link
tomixins/_links.scss
andclay-link
added option to configureborder-color
- Breaking: Utilities renamed
.flex-col
,.flex-col-expand
,.flex-col-section
to.autofit-col
,.autofit-col-expand
,.autofit-section
respectively - Breaking: Cards renamed
.flex-col-gutters
to.autofit-col-gutters
- Breaking: Refactor
.input-group-inset
markup and styles after BS4 Input Group update - Breaking: Input Group removed
$input-group-addon-border-radius-lg
,$input-group-addon-border-radius-sm
- Breaking: Input Group redo selectors for
.input-group-lg
and.input-group-sm
- Breaking: Forms renamed
.form-check-description
to.form-check-label-text
- Breaking: Form Check renamed
$form-check-description-margin-left
,$form-check-description-padding-left
,$form-check-description-disabled-cursor
to$form-check-label-text-margin-left
,$form-check-label-text-padding-left
,$form-check-label-text-disabled-cursor
- Breaking: Custom Forms Checkbox and Radio to new BS4 beta.3 markup
- Breaking: Custom Checkbox Radio renamed
.custom-control-indicator
to.custom-control-label::before
and.custom-control-label::after
- Breaking: Custom Checkbox Radio renamed
.custom-control-description
to.custom-control-label .custom-control-label-text
- Breaking: Custom Checkbox Radio removed variable
$custom-control-spacer-y
- Breaking: Input Group removed
.input-group-constrain
,.input-group-constrain-text
and associated variables - Breaking: Input Group rename
.input-group-inset-left
to.input-group-inset-start
- Breaking: Input Group remove old
.input-group-secondary
styles - Breaking: Input Group removed
.input-group-transparent
and associated variables - Breaking: Input Group renamed
.input-group-addon
to.input-group-text
, moved.input-group-secondary .input-group-addon
to.input-group-secondary-text
, comment out all old.input-group
styles - Breaking: Input Group renamed
.input-group-input
toinput-group-item
- Breaking: Input Group renamed
.input-group-addon
to.input-group-text
, moved.input-group-secondary .input-group-addon
to.input-group-secondary-text
, comment out all old.input-group
styles - New: Added component
.tbar
(toolbar) for simple single line toolbars - New: Tbar added option to configure
$tbar-item-padding-x
,$tbar-item-padding-y
,$tbar-light
Sass map - New: (Fixes #396) Links component added
.component-link
,.component-title
,.component-subtitle
,.single-link
,.link-primary
,.link-secondary
,.link-outline-primary
,.link-outline-secondary
,link-outline-borderless
, and.link-monospaced
for different link types - New: Links component added Sass maps to configure
$component-link
,$link-primary
,$link-secondary
,$component-title
,$component-title-link
,$component-subtitle
,$component-subtitle-link
,$link-outline-primary
,$link-outline-secondary
- New: Links added option to configure
$single-link-font-weight
,$link-outline-border-radius
,$link-outline-border-width
,$link-outline-font-size
,$link-outline-font-weight
,$link-outline-line-height
,$link-outline-padding-x
,$link-outline-padding-y
,$link-outline-transition
- New: Utilities added helpers
.autofit-row-center
,.autofit-row-end
,.autofit-col-end
,.autofit-float
,.autofit-float-sm-down
and option to configure$autofit-col-expand-min-width
- New: Utilities added mixin
clay-autofit-float
for simulating floated elements when using.autofit-row
- New: Added option to configure
$zindex-navbar-toggler-focus
and removeoutline
reset on.navbar-toggler-link
it should use default focus border for keyboard accessibility - New: Lexicon SVG Icon Hashtag
- New: Table add helper class
.table-nowrap
for no line breaks in table cells - New: Input Group added option to configure
$input-group-addon-min-width-lg
and$input-group-addon-min-width-sm
- New: Input Group added option to configure
$input-group-addon-min-width
- New: Input Group added
.input-group-item-shrink
for makinginput-group-item
's shrink to to fit content - Update: Popper JS to 1.12.9
- Update: Links
.component-title
should be minimum ~32px tall with margins - Update: Sidebar added padding for
.sidebar .container-fluid
- Update: Utilities move all
.autofit-*
component styles to placeholders for easier extend - Update: Links added
vertical-align: middle
to.link-outline
and.link-monospaced
- Update: Navbar Transparent should inherit
background-color
- Update: Sidebar Light colors to not be the same as
$body-bg
- Update: Atlas Application Bar
.navbar-title
font-size to 17px and usemap-merge
for$application-bar-dark
- Update: Forms reset
background-clip
property on.form-control
toborder-box
causes clipping issues when input background is any other color than white - Update: Badges and Labels should inherit
white-space
- Update: Popover remove
$popover-border-radius
, and$popover-font-size
from Clay Base was added by BS4 - Update: Tooltip remove
$tooltip-border-radius
and$tooltip-font-size
from Clay Base was added by BS4 - Update: Reset BS4 variable
$form-check-inline-input-margin-x
our native checkboxes are slightly different - Update: Re-position custom checkboxes in Cards, List Group, and Table
- Update: Input Group removed commented
.input-group-addon
and.input-group-btn
styles - Update: Input Group removed commented
.input-group-input
styles - Update:
clay-button-variant
mixin active focus selector to be as specific as BS4's beta.3 changes - Update: Custom Forms re-add variable
$custom-control-spacer-y
that was removed by BS4 beta.3 - Site: Update loading-animation
- Site: Sidebar added tbar to example and updating markup to use newer Clay components
- Site: Add tbar example page
- Site: Added docs for new Links component
- Site: Renamed
.flex-col
,.flex-col-expand
,.flex-col-section
,.flex-col-gutters
to.autofit-col
,.autofit-col-expand
,.autofit-section
,.autofit-gutters
respectively - Site: Navigation Bar manually add
z-index
to.navbar-collapse
to show how to properly implement collapsible navbars close to each other and button examples should toggle the right nav - Site: Table document
.table-nowrap
helper class - Site: Update Input Group Inset examples to new markup
- Site: Renamed
.form-check-description
to.form-check-label-text
- Site: Custom Checkbox Radio updated markup to BS4 beta.3
- Site: Input Groups to new BS4 beta.3 markup
- Site: BS4 changed
input-group
markup..input-group-addon
is now.input-group-prepend
,.input-group-append
, and.input-group-text
- We will try and limit the number of breaking markup changes from this point on. Disclaimer: there is no guarantee as Bootstrap 4 is still in beta, couple breaking changes that are coming down the pipeline from Boostrap 4 twbs/bootstrap#25020, twbs/bootstrap#25050.
- Breaking: BS4 moved custom checkbox and radio icons to
.custom-control-indicator::before
- Breaking: Update Bootstrap 4 to eaaad95
- Breaking: Form Group Autofit remove support for individual form elements, must be wrapped in
.form-group-item
now and added.form-group-item-shrink
for items that should only be wide as its content - Breaking: Form rename
.form-inline-group
to.form-group-item
- Breaking: Form rename
.form-inline-autofit
to.form-group-autofit
- Breaking:
clay-label-size
mixin to use new.inline-item
pattern - Breaking:
clay-badge-size
mixin to use new.inline-item
pattern (this mixin isn't used anywhere, just available for customizing badge size if needed) - Breaking: Lexicon Icons in Badges and Labels should be wrapped in
.inline-item
component - Breaking: Loading Icon in Buttons removed
.loading
modifier leaving it up to devs to implement how to insert/remove/show/hide the icon and removedinline-block
styles from.btn .loading-icon
should use new.inline-item
component to inline loading icons - Breaking: Button rename
.btn-borderless
to.btn-outline-borderless
- Breaking: Lexicon Icon rename
rss-svg
torss
and update design - Breaking: Widget removed component and associated variables
- Breaking: Removed
$icon-monospaced-size
and added$dropdown-action-toggle-size
for sizing.dropdown-action
- Breaking: Table List replaced
.table-list a
with.table-list-link
so we can use two types of link colors in.table-list
also prevents colors from bleeding into other components like.dropdown-item
- Breaking: Table List replaced $table-list-link-color
and
$table-list-link-color-hoverwith
$table-list-link` Sass map - Breaking: (Fixes #394) Loading Indicators removed
.loading-icon-linear
,.loading-icon-linear-light
, and associated variables and mixin - Breaking: Loading Indicators removed
.loading-icon-xs
,.loading-icon-md
,.loading-icon-lg
- Breaking: Removed variables
$loading-icon-font-size-xs
,$loading-icon-font-size-md
,$loading-icon-font-size-lg
- Breaking: Change
.loading-icon-sm
size to 1.25rem or 20px - Breaking: Sticker removed references to
.img-fluid
use.sticker-img
instead - Breaking: Markup for creating user icons has changed:
<span class="sticker sticker-secondary user-icon">
<span class="sticker-overlay">
<img class="sticker-img">
</span>
</span>
- Breaking: Table removed
.table-cell-content
,.table-cell-field
, and moved the styles to Sass placeholders%table-cell-expand
,%table-cell-contract
, use.table-autofit
with.table-cell-expand
to space table content instead - Breaking: Loading Icon refactor
- Breaking: Loading Icon removed
$loading-icon-color
- Breaking: Loading Indicators should scale based on font size
- Breaking: rename
.loading-icon
,.loading-icon.linear
to.loading-icon-dotted .loading-icon-indicator
,.loading-icon-linear .loading-icon-indicator
respectively - Breaking: rename keyframes
loading-icon
toloading-icon-dotted
- Breaking: removed old classes
.loading-animation
and.loading-animation-{xs|sm|md|lg}
- Breaking: Loaders mixin removed file
_loaders.scss
, removed functionto-list
, removed mixintrailing-shadow
- Breaking: Loading Indicator redesign dotted spinner and linear spinner
- Breaking: Card removed support for
a.card-title
anda.card-subtitle
, these classes should always be on a block level element - Breaking: List Group renamed selectors
a.list-group-text, .list-group-text a.text-truncate
,a.list-group-subtext, .list-group-subtext a.text-truncate
to.list-group-text-link
,.list-group-subtext-link
respectively. Also removed support for a.list-group-title colors - Breaking: List Group rename
clay-list-group-notification-item-border-variant
toclay-list-group-notification-item-variant
- Breaking: Card replace
$card-subtitle-color
,$card-subtitle-font-size
,$card-subtitle-font-weight
,$card-subtitle-margin-bottom
,$card-subtitle-margin-top
with$card-subtitle
and$card-subtitle-link
Sass maps - Breaking: (#388) Card replaced
$card-title-color
,$card-title-font-size
,$card-title-font-weight
,$card-title-margin-bottom
,$card-title-margin-top
with$card-title
Sass map - Breaking: Card replaced
$card-link-color
,$card-link-text-decoration
,$card-link-hover-color
,$card-link-hover-text-decoration
with$card-link
Sass map - Breaking: Card removed styles for
button.card-link
and.btn-link.card-link
, use.btn.btn-unstyled.card-link
if you really need a button styled like a link - New: Button added option to configure
$btn-inline-item-font-size-lg
,$btn-inline-item-font-size-sm
- New: Button added
.btn-section
for adding additional lines in.btn
and option to configure$btn-section-font-size
,$btn-section-font-weight
,$btn-section-line-height
,$btn-section-font-size-lg
,$btn-section-font-size-sm
- New: (#395) Button added option to configure
$btn-inline-item-font-size
- New: (Fixes #395) Utilities added
.inline-item
,.inline-item-before
,.inline-item-middle
, and.inline-item-after
for spacing icons with inline text in components and option to configure$inline-item-spacer-x
. This could technically be a breaking change. - New: Lexicon Icon Video
- New: Popover add option to configure
$popover-font-size
and add note about Tooltip and Popoverborder-radius
- New: Pagination added option to configure
$pagination-font-size
,$pagination-items-per-page-font-size
- New: Dropdown and Quick Action added option to configure
$dropdown-action-toggle-font-size
,$quick-action-font-size
- New: Custom Forms Checkbox and Radio added option to configure
$custom-control-description-cursor
,$custom-control-description-font-size
and fixed vertical alignment with varying font sizes in.custom-control-description
- New: Table added
.table-list-action-link
and update styles for other table links - New: Add more properties to
clay-link
mixin - New: Table added styles for
.table-title
,.table-title a
,.table-action-link
, and.table-link
- New: Table added
$table-title
,$table-action-link
, andtable-link
Sass maps - New: (Fixes #393) Card added
.card-page
,.card-page-item-directory
, and.card-page-item-asset
to help size and layout cards - New: Card added Sass maps
$card-page-item-asset
,$card-page-item-directory
to configure widths, breakpoints, padding in.card-page-item-*
- New: Grid added placeholder
%clay-custom-grid-wrapper
, mixinclay-custom-grid-columns($map)
for creating custom grids that can't be done using BS4 grid out of the box. The Card Page component uses this. - New: (Fixes #390) Sticker added utility classes
.user-icon
,.sticker-img
and option to configure$user-icon-border-radius
. General use case for.sticker-img
is inside.sticker-overlay
. - New: Table List added
.table-list-title
and Sass Maps to configure$table-list-title
,$table-list-title-link
- New: Loading Icons in Buttons should display the right color
- New: Loading Icon added mixin
clay-loading-icon-dotted-variant
, and Sass maps$loading-icon-dotted
,$loading-icon-dotted-light
to create.loading-icon-dotted
variants - New: Card added option to configure
.card-body
inclay-card-type-asset
andclay-card-type-directory
mixins - New: Card added mixin
clay-card-type-directory
and$card-type-directory
Sass map - New: Card added mixin
clay-card-type-asset-variant
used to create.image-card
and.file-card
variants, added$image-card
and$file-card
Sass maps - New: (Fixes #389) Card added
$card-type-asset
Sass map, mixinclay-card-type-asset()
, and move.card-type-asset
styles to the mixin - New: Card added
.card-type-asset-icon
for styling user icons and svg icons in.card-type-asset
- New: Type added
.truncate-text-inline .truncate-text
pattern - New: (Fixes #388) Card added
$card-title-link
Sass map to configurea.card-title
and.card-title a
styles, also use map-merge for$card-title
so preset styles don't get overwritten - Update: Custom Forms remove
.custom-select
styles from Clay, we don't use this component - Update: Input Group clean up some alignment styles fixed by Bootstrap and undo
font-size: 0
hack leftover from Bootstrap 3 - Update: Button Monospaced to use
display: inline-flex
for centering icons - Update: Badges and Labels fix alignment of Lexicon Icons using
.inline-item
- Update: (Closes #399) Loading Icon change to
display: block
and center in container - Update: Atlas
.panel-title
font-size to 13px - Update: Tooltip add note about twbs/bootstrap#25035
- Update: Atlas update font-sizes for several components
- Update: Atlas change font-family to default system fonts
- Update: Atlas Card
$card-title-link
,$card-subtitle-link
, and$card-link
should have underline on hover - Update: Card Type Asset added support for new
.sticker.user-icon
markup - Update: Aspect Ratio move all properties to Sass placeholders for easier extend
- Update: Progress Group change
flex-wrap: wrap
tonowrap
to help render better in small spaces - Update: (#390) Card Type Asset with user icon inside aspect ratio should use
overflow: hidden
to style rounded borders - Update: Loading Icon remove
$loading-icon-ball-size
,$loading-icon-ball-spacer
and hardcode values usingem
's since sizes can be adjusted usingfont-size
, any adjustments to the look of the icon should be made using ball-scale and transform - Update: Card mixin
clay-card-type-asset
sticker border-radius should be 50% since it scales with card width - Update: Card
.card-subtitle
font-weight - Update: List Group
.quick-action-menu
should be properly aligned - Update: List Group adjust spacing, sizes, and use map-merge for
$list-group-header-title
,$list-group-title
,$list-group-text
,$list-group-text-link
,$list-group-subtext
,$list-group-subtext-link
,$list-group-notification-item-primary
for inheritance - Update: Card
.card-type-asset
with clickable icon or blank item should still check checkbox - Update: Card
.card-link.btn-unstyled
shouldbreak-word
- Update: Card use map-merge for
$card-link
so preset styles aren't overwritten - Site: All form elements inside a
.form-group-autofit
must be wrapped in.form-group-item
and addform-group-item-shrink
to examples - Site: Renamed
.form-inline-group
to.form-group-item
- Site: Rename
.form-inline-autofit
to.form-group-autofit
- Site: Form wrapped all
.form-inline-autofit
inputs with.form-inline-group
- Site: Added test page Localizable Input
- Site: Buttons add examples with
.btn-section
and wrap icons in.inline-item
for proper sizing - Site: Badges and Label add more examples of
.inline-item
- Site: Badges and Labels should use
.inline-item
- Site: Loading Indicators use new
.inline-item
component for loading icons in.btn
and remove references to.loading
- Site: Utilities added
.inline-item
docs and examples, update pages with buttons and icons to use.inline-item
- Site: Button renamed
.btn-borderless
to.btn-outline-borderless
- Site: Widget remove pages and docs associated with component
- Site: Form Hierarchy remove
.panel-title
class from collapsible.sheet-subtitle
's - Site: Tables update demos with different types of table links
- Site: Tables update examples with
.table-list-link
,.table-title
,.table-link
, and.table-action-link
- Site: Card View Template update markup to use
.card-page
,.card-page-item-directory
, and.card-page-item-asset
- Site: Loading Indicators removed examples of
.loading-icon-linear
,.loading-icon-linear-light
,.loading-icon-xs
,.loading-icon-md
, and.loading-icon-lg
- Site: Replace instances of user icons using
.rounded-circle.sticker
with.sticker.user-icon
, and update markup for stickers with images inside - Site: Table View Template added Export table example, rename
.table-cell-content
to.table-cell-expand
- Site: (#390) Card Type Asset add examples of different size images for User Card
- Site: Loading Indicators updated markup to new pattern, added demos of light versions
- Site: Loading Indicators
.loading-icon-xs
was not in examples - Site: (Fixes #390) Card added example of user icon card with image, added classes
.image-card
,.file-card
,.user-card
to cards that need it, update sticker markup inside.card-type-asset
- Site: List Group use
.list-group-text-link
and.list-group-subtext-link
also normalize markup for.list-group-item-flex
with only title - Site: List Group View use
.list-group-notification
- Site: List Group View removed any reference to
.text-truncate
and use.list-group-item-flex
pattern for list group item with only.list-group-title
makes it easier for component teams to use one markup pattern - Site: List Group use
.text-truncate-inline
pattern for demo - Site: Test Card View change
.card-type-asset
with checkbox only clickable when clicking on image and use.text-truncate-inline
pattern form truncating text - Site: (Fixes #387) Cards update
.card-type-asset
with checkboxes markup so clicking on.aspect-ratio
container will check the checkbox instead of whole card and use.text-truncate-inline
to truncate text in cards - Site: Typography added
.text-truncate-inline
demo
- Breaking: List Group removed
$list-group-header-title-color
,$list-group-header-title-font-size
,$list-group-header-title-font-weight
,$list-group-header-title-margin-bottom
,$list-group-header-title-text-transform
use$list-group-header-title
Sass map instead - Breaking: List Group removed
$list-group-title-color
,$list-group-title-font-size
,$list-group-title-font-weight
,$list-group-title-margin-bottom
,$list-group-title-text-decoration
,$list-group-title-hover-color
,$list-group-title-hover-text-decoration
use$list-group-title
Sass map instead - Breaking: Removed
.list-group-subtitle
and related variables use.list-group-subtext
instead - Breaking:
clay-navbar-size
mixin renamedbtn-min-height
,btn-min-width
tobtn-monospaced-size
andbtn-min-height-mobile
,btn-min-width-mobile
tobtn-monospaced-size-mobile
- Breaking: List Group Notification remove
$list-group-notification-border-bottom-left-radius
,$list-group-notification-border-bottom-right-radius
,$list-group-notification-border-top-left-radius
,$list-group-notification-border-top-right-radius
- Breaking: List Group Notification rename
$list-group-notification-item-border-variant
to ``-group-notification-item` - Breaking: (Fixes #380) Button Monospaced use button size line-height
- Breaking: (#381) Nav removed option to configure
$nav-link-color
,$nav-link-hover-color
,$nav-link-active-color
,.nav
should be a base component with minimal styling we will create a mixin for those that need color variants - Breaking: Sheet split up
$sheet-padding-x
into$sheet-padding-left
and$sheet-padding-right
,$sheet-padding-y
into$sheet-padding-bottom
and$sheet-padding-top
- Breaking: Atlas move and rename
$section-*
variables to$sheet-*
- Breaking: Rename
.section-subheader
to.sheet-tertiary-title
and variables$section-subheader-color
,$section-subheader-font-size
,$section-subheader-font-weight
,$section-subheader-line-height
,$section-subheader-margin-bottom
,$section-subheader-padding-x
,$section-subheader-padding-y
,$section-subheader-text-transform
, to$sheet-tertiary-title-color
,$sheet-tertiary-title-font-size
,$sheet-tertiary-title-font-weight
,$sheet-tertiary-title-line-height
,$sheet-tertiary-title-margin-bottom
,$sheet-tertiary-title-padding-x
,$sheet-tertiary-title-padding-y
,$sheet-tertiary-title-text-transform
- Breaking: Rename
.section-header
to.sheet-subtitle
and variables$section-header-border-color
,$section-header-border-style
,$section-header-border-width
,$section-header-color
,$section-header-font-size
,$section-header-font-weight
,$section-header-line-height
,$section-header-margin-bottom
,$section-header-padding-x
,$section-header-padding-y
,$section-header-text-transform
,$section-header-link-color
,$section-header-link-text-decoration
,$section-header-link-hover-color
,$section-header-link-hover-text-decoration
,$section-header-collapse-icon-bottom
,$section-header-collapse-icon-left
,$section-header-collapse-icon-right
,$section-header-collapse-icon-top
,$section-header-collapse-icon-padding-left
,$section-header-collapse-icon-padding-right
, to$sheet-subtitle-border-color
,$sheet-subtitle-border-style
,$sheet-subtitle-border-width
,$sheet-subtitle-color
,$sheet-subtitle-font-size
,$sheet-subtitle-font-weight
,$sheet-subtitle-line-height
,$sheet-subtitle-margin-bottom
,$sheet-subtitle-padding-x
,$sheet-subtitle-padding-y
,$sheet-subtitle-text-transform
,$sheet-subtitle-link-color
,$sheet-subtitle-link-text-decoration
,$sheet-subtitle-link-hover-color
,$sheet-subtitle-link-hover-text-decoration
,$sheet-subtitle-collapse-icon-bottom
,$sheet-subtitle-collapse-icon-left
,$sheet-subtitle-collapse-icon-right
,$sheet-subtitle-collapse-icon-top
,$sheet-subtitle-collapse-icon-padding-left
,$sheet-subtitle-collapse-icon-padding-right
- Breaking: Rename
.section-title
to.sheet-title
and variables$section-title-color
,$section-title-font-size
,$section-title-font-weight
,$section-title-margin-bottom
,$section-title-font-size-mobile
,$section-title-margin-bottom-mobile
to$sheet-title-color
,$sheet-title-font-size
,$sheet-title-font-weight
,$sheet-title-margin-bottom
,$sheet-title-font-size-mobile
,$sheet-title-margin-bottom-mobile
- New: List Group added option to configure
$list-group-item-flex-checkbox-offset-top
,$list-group-item-flex-offset-top
- New: Utilities added
.autofit-row
to be used as the container for.flex-col
and added.flex-col-section
for content inside.flex-col
- New: List Group added
$list-group-header-title
Sass map to use withclay-text-typography
mixin - New: Added option to configure
text-tranform
toclay-text-typography
mixin - New: List Group added option to configure
$list-group-text-active-color
,$list-group-subtext-active-color
- New: List Group added
.list-group-text
,.list-group-subtext
and option to configure$list-group-text
,$list-group-text-link
,$list-group-subtext
,$list-group-subtext-link
Sass maps - New: Added mixins
clay-text-typography($map)
andclay-link($map)
to help with styling text, headings, and links - New: Widget added
$widget-spacer
to quickly set spacing between elements inside.widget
and update Atlas Widget colors and spacing - New: Widget added option to configure
$widget-admin-toolbar-bg
- New: Widget add option to configure
$widget-article-title-font-weight
- New: Widget add option to configure
$widget-bg
- New: Widget added
.widget-admin
variant and option to configure$widget-admin-border-color
,$widget-admin-border-width
,$widget-admin-toolbar-border-width
- New: Widget added
.widget-article-section
and option to configure$widget-article-section-margin-bottom
- New: Widget added options to configure
$widget-border-color
,$widget-border-width
,$widget-border-radius
,$widget-toolbar-bg
,$widget-toolbar-border-width
,$widget-toolbar-padding-x
,$widget-toolbar-padding-y
,$widget-header-padding-x
,$widget-header-padding-y
,$widget-header-title-color
,$widget-header-title-font-size
,$widget-header-title-margin-bottom
,$widget-header-title-margin-top
,$widget-header-title-text-transform
,$widget-body-padding-bottom
,$widget-body-padding-left
,$widget-body-padding-right
,$widget-body-padding-top
,$widget-article-margin-bottom
,$widget-article-header-margin-bottom
,$widget-article-body-margin-bottom
,$widget-article-title-color
,$widget-article-title-font-size
,$widget-article-title-margin-bottom
,$widget-article-title-margin-top
,$widget-article-subtitle-color
,$widget-article-subtitle-font-size
,$widget-article-subtitle-margin-top
- New: Widget component added
.widget
,.widget-toolbar
,.widget-header
,.widget-controls
,.widget-body
,.widget-title
,.widget-subtitle
,.widget-article
,.widget-article-header
,.widget-article-body
,.widget-article-footer
- New: Table added option to configure
$table-head-border-bottom-width
,$table-head-border-top-width
for.table
- New: Lexicon Icon caret-top-l.svg
- New: Grid added
.container-view
and option to configure$container-view-padding-bottom
,$container-view-padding-left
,$container-view-padding-right
,$container-view-padding-top
,$container-view-padding-bottom-mobile
,$container-view-padding-left-mobile
,$container-view-padding-right-mobile
,$container-view-padding-top-mobile
- New: List Group added option to configure
$list-group-margin-bottom
,$list-group-margin-top
- New: Table List added option to configure
$table-list-margin-bottom
,$table-list-margin-top
- New: Grid added
.container-form
and option to configure$container-form-padding-bottom
,$container-form-padding-left
,$container-form-padding-right
,$container-form-padding-top
,$container-form-padding-bottom-mobile
,$container-form-padding-left-mobile
,$container-form-padding-right-mobile
,$container-form-padding-top-mobile
- New: Sheet added
.sheet-lg
and option to configure$sheet-lg-max-width
- New: (Fixes #386) List Group Notification added
$list-group-notification-item-primary
Sass map to configure.list-group-item-primary
styles, add option to configure bg colors inclay-list-group-notification-item-border-variant
mixin - New: Alert add option to configure
$alert-fluid-margin-bottom
and set it to 0 - New: Quick Action added option to configure
$quick-action-item-min-height
,$quick-action-item-min-width
- New: Added
clay-nav-variant($map)
mixin for customizing nav colors - New: Form added option to configure
$form-group-margin-bottom-mobile
- New: Button added utility class
.btn-borderless
to makeborder-color: transparent
on.btn-outline-*
- New: Buttons added
$btn-outline-primary
,$btn-outline-secondary
,$btn-outline-success
,$btn-outline-info
,$btn-outline-warning
,$btn-outline-danger
,$btn-outline-light
,$btn-outline-dark
,$btn-outline-palette
Sass maps to configure.btn-outline-*
styles they are based on clay-button-variant mixin, and adjust Atlas.btn-outline-*
styles - New: Sheet added option to configure
$sheet-title-line-height
and long text without white space in.sheet-title
should wrap - New: Sheet added option to configure
$sheet-tertiary-title-font-size-mobile
,$sheet-tertiary-title-margin-bottom-mobile
- New: Sheet added option to configure
$sheet-subtitle-font-size-mobile
,$sheet-subtitle-margin-bottom-mobile
- New: Sheet added
.sheet-footer
and option to configure$sheet-footer-margin-bottom
,$sheet-footer-margin-left
,$sheet-footer-margin-right
,$sheet-footer-margin-top
,$sheet-footer-margin-bottom-mobile
,$sheet-footer-margin-left-mobile
,$sheet-footer-margin-right-mobile
,$sheet-footer-margin-top-mobile
- New: Sheet added
.sheet-header
and option to configure$sheet-header-margin-bottom
,$sheet-header-margin-bottom-mobile
- New: Sheet added
.sheet-section
and option to configure$sheet-section-margin-bottom
,$sheet-section-margin-bottom-mobile
- New: Sheet added
.sheet-text
and option to configure$sheet-text-color
,$sheet-text-font-size
,$sheet-text-font-weight
,$sheet-text-margin-bottom
,$sheet-text-font-size-mobile
,$sheet-text-margin-bottom-mobile
- New: Type added
.section-title
and option to configure$section-title-color
,$section-title-font-size
,$section-title-font-weight
,$section-title-margin-bottom
,$section-title-font-size-mobile
,$section-title-margin-bottom-mobile
- Update: List Group center
.list-group-title:only-child
- Update:
.list-group-text
and.list-group-subtext
allow more variations of links inside them - Update: Atlas List Group
.list-group-title
,.list-group-text
, and.list-group-subtext
styles - Update: Mixin
clay-link
hover-color should be able to accept a null value - Update: Atas List Group make spacing between items smaller
- Update: Widget rename
.widget-article .widget-title
,.widget-article .widget-subtitle
,.widget-header .widget-title
, to.widget-article-title
,.widget-article-subtitle
,.widget-header-title
respectively - Update:
.navbar-nav .nav-item
word-wrap: normal
so text will truncate when used with.navbar-text-truncate
in IE10 - Update: Buttons with transparent backgrounds don't overlay inputs in IE10
- Update: Input Group
.input-group-sm
and.input-group-lg
should set.form-control
padding to respective sizes in.input-group-inset
- Update: Set
display: block
on.panel-header
,.sheet-title
,sheet-subtitle
, and.sheet-tertiary-title
- Update: Dropdown Wide / Full should expand in IE10
- Update:
.nav-btn
and.nav-link-monospaced
to setheight
instead ofmin-height
flexbox and min-height don't work too well in IE10 - 11 - Update: Nav Unstyled don't need to set
min-height
on.nav-unstyled .nav-btn
already covered by.nav-btn
- Update: (Fixes #385) Labels add option to set
text-transform
inclay-label-size
mixin and set.label-lg
text-transform: none
- Update:
$sheet-lg-max-width
should be a function ofmap-get($container-max-width, lg)
- Update: Atlas Sheet Subtitle colors
- Update: List Group Notification don't need to map-merge
$list-group-notification-item
- Update:
clay-list-group-notification-item-border-variant
mixin to configure border-radius - Update: List Group Item
.active:focus
should win over other.active
- Update: List Group Notification set borders to match regular
.list-group
- Update: Added
pointer-events: none
to.navbar-text-truncate
,.breadcrumb-text-truncate
, and.lexicon-icon
to prevent focus highlight in IE11 when clicking links that contain those elements - Update: Modal
.modal-full-screen
position adjustment - Update: Atlas
.btn-outline-secondary
should have same hover, focus, active states as.btn-secondary
- Update: Atlas Sheet set colors and set spacing in mobile
- Update: Form Group margin-bottom to 24px
- Update: Set values for
.sheet-header
,.sheet-section
margin-bottom and.panel-group-flush .panel-body
in.sheet
should share.sheet-section
margin-bottom - Update: Move
.section-title
,.section-header
,.section-subheader
components to sheets - Update: Type set
$section-header-font-weight
to semi-bold so that.section-header
and.section-subheader
will still be semi-bold if h1-6 element isnt used - Update: Form Inline Autofit should size correctly when there is long content inside
- Update:
.form-text
and.form-feedback-item
shouldword-wrap: break-word;
- Site: Move
.table-responsive-*
fromtable
element to adiv
that wraps thetable
element. - Site: List Group add example of
.list-group-title:only-child
- Site: List Group use
.list-group-text
and.list-group-subtext
and.flex-col-section
- Site: Added Widget page and Widget Test page
- Site: Sheet update
.sheet-lg
docs to reflect max-width is a function of$container-max-width
- Site: Grid add
.container-view
docs and use.container-view
in test pages - Site: Grid added docs for
.container-form
and use.container-form
on test pages - Site: Added docs for
.sheet-lg
and use.sheet-lg
instead of inline styles for test pages - Site: List Group Notification added
.list-group-item-primary
- Site: Forms wrap form elements in
.form-group
- Site: Test pages remove BS4 utilities around main content and move container to outermost element
- Site: (Fixes #384) Added plus button example with dropdown
- Site: (Fixes #377 and #381) Add note about BS4 utilities and change site name to Clay
- Site: (#381) Add blurb explaining Navbar
- Site: Fix typo in navs
- Site: (#381) Add explanation about Base
.nav
class and its purpose - Site: Added Sheet page
- Site: Button add examples of
.btn-outline-*.btn-borderless
- Site: Added test page for Form Hierarchy
- Site:
.sheet-header
,.sheet-subheader
were renamed to.sheet-subtitle
and.sheet-tertiary-title
- Site: Renamed
.section-title
,.section-header
,.section-subheader
to.sheet-title
,.sheet-header
,.sheet-subheader
- Site: Typography add example of
.section-title
,.section-header
, and.section-subheader
- Site: Form explain
.form-inline-autofit
better - Site: Management Bar move
.clay-site-open-overlay
to the outer most element because claycss.com - Site: Multi Step Nav add disabled state to Multi Step Nav Collapse example
- Breaking: Rename
$form-container-bg
,$form-container-border-color
,$form-container-border-style
,$form-container-border-width
,$form-container-border-radius
,$form-container-padding-x
,$form-container-padding-y
to$sheet-bg
,$sheet-border-color
,$sheet-border-style
,$sheet-border-width
,$sheet-border-radius
,$sheet-padding-x
,$sheet-padding-y
- Breaking: Rename
.form-container
to.sheet
- Breaking: Custom Control rename
$custom-control-description-margin-left
to$custom-control-description-padding-left
and don't use$custom-control-gutter
for spacing - New: Clay Button Variant mixin added option to configure
active-box-shadow
on button variant and set Atlas button variant active box shadow to none - New: Forms added option to configure
$input-readonly-focus-bg
,$input-readonly-focus-border-color
,$input-readonly-focus-color
- New: Form added option to customize
$input-select-cursor
and set cursor to pointer - New: Input Group added option to configure
$input-group-secondary-addon-color
- New: Form added option to configure
$input-file-cursor
for.form-control-file
and set cursor to pointer - New: Form Check added option to configure
$form-check-input-cursor
,$form-check-label-cursor
and set cursor to pointer - New: Form added option to configure
$input-label-for-cursor
(labels withfor
attribute) and set cursor to pointer - New: Buttons added option to configure
$btn-cursor
and change cursor to pointer - New: Globals add option to configure
$link-cursor
- New: Toggle Switch add option to configure
$toggle-switch-disabled-cursor
,$toggle-switch-disabled-opacity
- New: Multi Step Nav added option to configure
$multi-step-icon-disabled-bg
,$multi-step-icon-disabled-bg-image
,$multi-step-icon-disabled-bg-position
,$multi-step-icon-disabled-bg-size
,$multi-step-icon-disabled-color
,$multi-step-icon-disabled-cursor
,$multi-step-divider-disabled-bg
,$multi-step-title-disabled-color
,$multi-step-indicator-label-disabled-color
- New: Pagination added option to configure
$pagination-disabled-cursor
,$pagination-disabled-pointer-events
and set disabled cursor tonot-allowed
- New: Nav added option to configure
$nav-link-disabled-cursor
and set disabled cursor tonot-allowed
- New: Forms added option to configure
$input-disabled-cursor
,$input-label-disabled-cursor
and set disabled cursor to benot-allowed
- New: Form Check added option to configure
$form-check-input-disabled-cursor
,$form-check-description-disabled-cursor
, set disabled.form-check
cursor to be not-allowed, and set$input-label-disabled-color
- New: Form Check added option to configure
$form-check-description-padding-left
and match.form-check
to behave like.custom-control
- New: Custom Control added option to configure
$custom-control-indicator-disabled-cursor
,$custom-control-description-disabled-cursor
and set disabled cursor to not-allowed - New: Dropdown added
$dropdown-item-disabled-cursor
and change disabled cursor tonot-allowed
- New: Button added option to configure
$btn-disabled-cursor
and change disabled cursor tonot-allowed
- New: Globals added
$disabled-cursor
- New: Lexicon Icon added Check Square
- New: Panel Group added
.panel-group-flush
and option to configure$panel-group-flush-body-margin-bottom
,$panel-group-flush-body-padding
,$panel-group-flush-collapse-icon-left
,$panel-group-flush-collapse-icon-right
,$panel-group-flush-collapse-icon-padding-left
,$panel-group-flush-collapse-icon-padding-right
- New: Lexicon Icons Decimal, Document, Globe, Integer, Number, Rules, Select, Separator, Textbox, Upload and update Text icon
- New: Icons added
.order-arrow-down-active
,.order-arrow-up-active
and option to configure$order-arrow-down-active-color
,$order-arrow-up-active-color
for styling.lexicon-icon-order-arrow
's in Management Bar - New: Input Group added option to configure
$input-group-addon-font-weight
and update Atlas.input-group-addon
font-weight to be 600 - Update: Move
.form-container
styles and variables to _sheets.scss - Update: Clay Button Variant mixin to split up
:active
and.active
BS4 state styles are weird with button groups - Update: Atlas Button variants shouldn't use active and hover colors when disabled
- Update: Button Group active and focus state z-index to prevent styles from overlapping
- Update: Atlas Button Variants should have same border color as background color
- Update: Input Group Secondary don't need to reset so many styles for
.custom-control
and.form-check
after normalizing styles - Update:
.close
cursor should inherit from.btn
- Update: Custom Forms
.form-file-input
,.custom-control-input
, and.custom-control-indicator
should inherit cursor from regular form equivalent - Update: Multi Step Nav
.multi-step-icon
background-color should match Lexicon's - Update: Quick Action Item disabled cursor to
not-allowed
- Update: Custom Forms
.form-file
add disabled cursornot-allowed
- Update: Form make checkbox and radio selector less specific
- Update: Single collapsible panels should properly round borders if
$panel-border-radius
is set - Update: Type don't set
$section-header-collapse-icon-right
already set by.panel-group-flush
- Update: Lexicon Icon Web Content
- Update: Nav Tabs BS4 fixed
$nav-tabs-active-border-color
at twbs/bootstrap#24639, don't need extra.nav-tabs .nav-link.active
styles anymore - Update: Button
$btn-disabled-opacity
was added by BS4 at twbs/bootstrap#24680, don't need the extra button styles anymore - Update: Bootstrap 4 to 9a0bba9
- Update: Atlas Nav Tabs should be 32px tall
- Update: Atlas Forms
$input-color-placeholder
was renamed to$input-placeholder-color
by BS4 - Site:
.form-container
was renamed to.sheet
- Site: Button Group added example with active and disabled state
- Site: Form removed sparsly supported HTML5 input types datetime-local, date, time, week, month, color and for attribute should point to right input
- Site: Multi Step Nav add disabled example
- Site: Form Validation success input label should point to the right input
- Site: Forms add BS4 class
.form-control-file
forinput[type="file"]
- Site: Form Validation normal label should point to the right input
- Site: Panels and Users and Organizations pages added
.panel-group-flush
- Site: Add
order-arrow-*-active
classes to Management Bar examples - Site: Users and Organizations pages removed BS4 grid from form in panel
- Site: Utilities page position dropdown-menu on the right
- Site: Timelines remove panel-group div for collapsible panels and update aria attributes
- Site: Tables add role button to links that need it
- Site: Sidebar add role button to links that need it
- Site: Pagination add role button to links that need it
- Site: Modal add role button to links that need it and remove it from buttons
- Site: List Group add role button to links and buttons for dropdown-items in With Buttons demo
- Site: Form Elements added role button to links that function like buttons
- Site: Navigation Bar forgot to remove
navbar-secondary
,navbar-light
from markup and make With Buttons examples all buttons - Site: Management Bar add role button to links that function like buttons,
aria-haspopup="true"
on dropdown-toggles, change links with btn class to actual buttons - Site: Application Bar add role button to links with icons
- Breaking: Navbar removed Clay versions of
.navbar-light
,.navbar-dark
,.navbar-secondary
,.navbar-primary
and corresponding Sass map variables$navbar-light
,$navbar-dark
,$navbar-secondary
,$navbar-primary
- Breaking: Rename
navbar-variant()
mixin toclay-navbar-variant()
- Breaking:
.form-inline-autofit
removed dependence on.form-inline
too many quirks - Breaking: Section Header split up
$section-header-padding
into$section-header-padding-x
and$section-header-padding-y
and add collapse support with collapse icon to.section-header
- Breaking: Dropdown Action remove
button
element support, use.btn-unstyled
pattern if you want to use buttons - New: Navigation Bar added
.navigation-bar-light
,.navigation-bar-secondary
,-bar-light
, and$navigation-bar-secondary
- New: Application Bar added
.application-bar-dark
and$application-bar-dark
- New: Management Bar added
.management-bar-light
,.management-bar-primary
,$management-bar-light
, and$management-bar-primary
- New: Global Functions added function
clay-collapse-icon-align()
to build the calc string used in the CSS top property for.collapse-icon-closed
and.collapse-icon-open
- New: Panel added option to configure
$panel-header-link-hover-text-decoration
and don't combine.panel-header-link
hover and focus styles - New: Added
.section-subheader
and option to configure$section-subheader-color
,$section-subheader-font-size
,$section-subheader-font-weight
,$section-subheader-line-height
,$section-subheader-margin-bottom
,$section-subheader-padding-x
,$section-subheader-padding-y
,$section-subheader-text-transform
- New: Section Header added option to configure
$section-header-collapse-icon-padding-left
,$section-header-collapse-icon-padding-right
and change section-header-padding-y in Atlas - New: Section Header added option to configure
$section-header-collapse-icon-bottom
,$section-header-collapse-icon-left
,$section-header-collapse-icon-right
,$section-header-collapse-icon-top
- New: Section Header added option to configure
$section-header-link-color
,$section-header-link-text-decoration
,$section-header-link-hover-color
,$section-header-link-hover-text-decoration
- New: Icons added drag.svg
- New: Navbar Variant add option to configure
link-border-radius
- New: Navbar Size mixin to allow setting
link-height
andlink-height-mobile
- New: Dropdown Action added option to configure
$dropdown-action-toggle-bg
,$dropdown-action-toggle-border-radius
,$dropdown-action-toggle-hover-bg
,$dropdown-action-toggle-disabled-bg
,$dropdown-action-toggle-disabled-color
,$dropdown-action-toggle-disabled-cursor
,$dropdown-action-toggle-disabled-opacity
,$dropdown-action-toggle-active-bg
,$dropdown-action-toggle-active-color
- New: Quick Action added option to configure
$quick-action-item-active-bg
,$quick-action-item-active-color
- New: Quick Action added option to configure
$quick-action-item-disabled-bg
,$quick-action-item-disabled-color
,$quick-action-item-disabled-cursor
,$quick-action-item-disabled-opacity
- New: Quick Action added option to configure
$quick-action-item-bg
,$quick-action-item-border-radius
,$quick-action-item-hover-bg
and set colors for Atlas Quick Action - New: Pagination added option to configure
$pagination-item-margin-x
,$pagination-item-margin-y
- New: Nav Tabs added option to customize
$nav-tabs-link-show-bg
- New: Form Check added option to configure
$form-check-description-margin-left
and adjust.form-check-description
spacing in Atlas - New: Card added option to configure
$card-body-padding-bottom
,$card-body-padding-left
,$card-body-padding-right
,$card-body-padding-top
and adjust spacing on checkboxes in cards - New: Forms added
.form-container
and option to configure$form-container-bg
,$form-container-border-color
,$form-container-border-style
,$form-container-border-width
,$form-container-border-radius
,$form-container-padding-x
,$form-container-padding-y
- Update: Atlas don't set mobile font sizes on
body
,h1
-h6
, andlabels
- Update: Remove duplicate font-size property from
h1
-h6
tags already defined in BS4 - Update: Atlas Management Bar and Navigation Bar add hover styles on links
- Update:
clay-navbar-variant
mixin to only style hover state, focus state should use browser default outline - Update: Atlas Management Bar forgot to commit variable file
- Update: Panels
.panel-header-link
focus border should show above other panels - Update:
.collapse-icon
clean up styles and useclay-collapse-icon-align
function - Update: Panel Group
.panel:last-child
should show focus border - Update: Section Header Collapse Icon redo position calculation so icon can be customized through background image
- Update: Clay Base Section Header reset color and line-height styles and long text should wrap
- Update: Atlas Panels allow unstyled panels to work in accordions
- Update: Atlas add _type variables file and update section-header-border-color
- Update: Section Header font size to be bigger 0.875rem
- Update: Atlas List Group Header and Table Divider bg should be #F7F8F9
- Update: Application Bar set
.nav-link
height - Update: Pagination and Quick Actions base hover and active styles on Dropdown Action hover and active styles
- Update: Management Bar set height on
.nav-link
's - Update: Clay Base Toggle Switch on bg should use
$component-active-bg
- Update: Clay Base Nav Underline active highlight height and color should inherit from
$component-active-bg
- Update: Custom Form
$custom-checkbox-indicator-icon-checked
shouldn't use$component-active-color
- Update: Atlas Nav Pills don't overwrite BS4 nav-pills variables
- Update: Atlas active / hover states should be based on
$component-active-bg
- Update: Atlas Globals specifiy
$link-color
,$component-active-bg
separate from theme colors,$text-muted
color should be based on$body-color
, and SF - Update: Button Variant mixin to overwrite BS4 quirky shadows on
.btn:active
- Update: Atlas Input Group Addon padding should use the same padding as input
- Update: Dropdown Action and Quick Action remove hover state styles on focus
- Update: Atlas Label Lg make font size a little smaller to properly align close icon
- Update: Use BS4 theme color variables (e.g.,
$primary
) instead of$theme-colors
Sass map in Buttons, Cards, Custom Checkbox and Radio, Forms, Multi Step Nav, Nav, Navbar, Pagination, Panels, Popovers, Progress Bar, Sidebar, Subnav, Tables, Timelines, Toggle Switch, Type, Utilities - Update: Atlas Globals
$link-hover-color
should be based on$link-color
- Update: Atlas Alert adjust secondary, light, dark colors so they fit better with other alert variants
- Update: Btn Disabled add note about BS4 feature request
- Update: Clay Base Label hover colors should match badges and SF
- Update: Clay Base stickers should use
color-yiq()
function - Update: Atlas colors for Globals, Alert, Badge, Label, Stickers, Breadcrumb link, Dropdown, Form, List Group, Modal should match Lexicon colors exactly
- Update: Atlas
$theme-colors
to follow BS4 theme color pattern - Update: Atlas Dropdown Action colors
- Update: Add note about the _bs4-variable-overwrites.scss file
- Update: Pagination added active state to dropdown-toggles
- Update: Atlas Pagination add hover state styles
- Update: Pagination Variables Source Formatting
- Update: Toggle Switch spacing
- Update: Navigation Bar adjust link-padding-x
- Update: Atlas Button adjust
$btn-active-box-shadow
- Update: Nav Tabs add comment about waiting for BS4 to change
$nav-tabs-link-active-border-color
- Update: Atlas Nav Tabs adjust nav-tabs-link-padding-y and nav-tabs-font-size
- Update: Atlas Forms adjust input-padding-x-sm
- Update: Forms added disabled style to
.form-check-description
- Update: Navigation Bar added border-bottom and tweak some styles
- Update: Panel Group added support for
.panel-group-fluid
in.form-container
- Update: Sticker change
.sticker-sm
font-size to 12px and Atlas.sticker
to 14px - Update: Atlas Button
$input-btn-padding-x-sm
should be 11px - Update: Atlas Sticker
$sticker-inside-offset
should be 16px - Site: Form Elements Custom use
.form-inline-autofit
- Site: Update pages that use a navbar or navbar variant to use new variant classes
- Site: Navigation Bar use
.navigation-bar-light
and.navigation-bar-dark
- Site: Application Bar use
.application-bar-dark
- Site: Management Bar use
.management-bar-light
and.management-bar-primary
- Site:
.form-inline-autofit
shouldn't use.form-inline
- Site: Users and Organizations Form Vertical Navigation page added more content and new form panel markup
- Site: Users and Orgs page added more content
- Site: Panels remove
aria-multiselectable
property from accordions, requires setting selected descendants have the aria-selected attribute set to true which isn't applied by BS4 collapse plugin - Site: Card View Template and List View Template use pagination with anchor tags instead of buttons
- Site: Update aria attributes on
[data-toggle="collapse"]
- Site: Update aria attributes on
.dropdown-toggle
s - Site: Menubar (Vertical) use anchor tag with aria attributes for
.menubar-toggler
- Site: Navigation Bar should only have
.navbar-secondary
variant - Site: Management Bar change primary demo buttons to links
- Site: Form Validation add missing
.form-check-description
to radio with error - Site: Dropdown Action removed
button
element only demo - Site: Table View Template change icon on Item Title
- Site: Forms add
.form-check-description
to radio inline example - Site: Toggle Switch update disabled example
- Site: Sidebar manually add spacing to sidebar light demo, can't safely include it in Clay
- Site: Sidebar demo added tabs for nav
- Site: Progress Bar add more examples
- Site: Menubar change icons to caret
- Site: Nav Nested change icons to caret
- Site: Add examples only using buttons in Multi Step Nav, List Group, Panels, Pagination, Navigation Bar, Management Bar, Application Bar
- Site: Source Format Form Custom, Panels, Pagination, Progress Bar, Navigation Bar, Management Bar, Nav Underline, Nav Tabs, Multi Step Nav, Form Validation, List Group, Modals, Input Groups, Tables, Toggle Switch
- Site: Forms added HTML 5 form elements
- Site: Removed
.clay-site-form-container
use.form-container
instead - Site: Dropdowns updated aria-labelledby to be more descriptive and reorder some content
- Site: Card added more
.card-type-asset
demos to match Lexicon's examples and update the content inside - Site: Buttons use BS4 pattern
.btn-group
for bs4 dropdowns - Site: Breadcrumbs reorganize demos
- Site: Badges reorganize demo order, add some space in markup, and use
.clay-site-positional-sticker
to keep position stickers within the limits of image - Site: Alerts add some space in markup
- Breaking: Buttons removed
$btn-dark-bg
,$btn-dark-border-color
,$btn-dark-color
,$btn-dark-hover-color
,$btn-dark-hover-bg
,$btn-dark-hover-border-color
,$btn-dark-focus-box-shadow
,$btn-dark-active-color
,$btn-dark-active-bg
,$btn-dark-active-border-color
use$btn-dark: ()
Sass map instead - Breaking: Buttons removed
$btn-light-bg
,$btn-light-border-color
,$btn-light-color
,$btn-light-hover-color
,$btn-light-hover-bg
,$btn-light-hover-border-color
,$btn-light-focus-box-shadow
,$btn-light-active-color
,$btn-light-active-bg
,$btn-light-active-border-color
use$btn-light: ()
Sass map instead - Breaking: Buttons removed
$btn-danger-bg
,$btn-danger-border-color
,$btn-danger-color
,$btn-danger-hover-color
,$btn-danger-hover-bg
,$btn-danger-hover-border-color
,$btn-danger-focus-box-shadow
,$btn-danger-active-color
,$btn-danger-active-bg
,$btn-danger-active-border-color
use$btn-danger: ()
Sass map instead - Breaking: Buttons removed
$btn-warning-bg
,$btn-warning-border-color
,$btn-warning-color
,$btn-warning-hover-color
,$btn-warning-hover-bg
,$btn-warning-hover-border-color
,$btn-warning-focus-box-shadow
,$btn-warning-active-color
,$btn-warning-active-bg
,$btn-warning-active-border-color
use$btn-warning: ()
Sass map instead - Breaking: Buttons removed
$btn-info-bg
,$btn-info-border-color
,$btn-info-color
,$btn-info-hover-color
,$btn-info-hover-bg
,$btn-info-hover-border-color
,$btn-info-focus-box-shadow
,$btn-info-active-color
,$btn-info-active-bg
,$btn-info-active-border-color
use$btn-info: ()
Sass map instead - Breaking: Buttons removed
$btn-success-bg
,$btn-success-border-color
,$btn-success-color
,$btn-success-hover-color
,$btn-success-hover-bg
,$btn-success-hover-border-color
,$btn-success-focus-box-shadow
,$btn-success-active-color
,$btn-success-active-bg
,$btn-success-active-border-color
use$btn-success: ()
Sass map instead - Breaking: Buttons rename
$input-btn-padding-x-mobile
,$input-btn-padding-y-mobile
,$input-btn-padding-x-lg-mobile
,$input-btn-padding-y-lg-mobile
,$input-btn-padding-x-sm-mobile
,$input-btn-padding-y-sm-mobile
to$btn-padding-x-mobile
,$btn-padding-y-mobile
,$btn-padding-x-lg-mobile
,$btn-padding-y-lg-mobile
,$btn-padding-x-sm-mobile
,$btn-padding-y-sm-mobile
respectively and use$btn-*
variables instead of$input-btn-*
to follow new BS4 pattern https://github.com/twbs/bootstrap/commit/04b32db845df33c9daa6855a9fd44f38964a65a4 - Breaking: Update Bootstrap 4 to 41fbec1
- Update: Atlas Buttons don't need to set
$btn-transition
anymore BS4 sets the right transition properties twbs/bootstrap#22485 - Update: Atlas Button use
$btn-padding-x
,$btn-padding-y
,$btn-padding-x-lg
,$btn-padding-y-lg
,$btn-padding-x-sm
,$btn-padding-y-sm
variables added by BS4 at https://github.com/twbs/bootstrap/commit/04b32db845df33c9daa6855a9fd44f38964a65a4 instead of$input-btn-*
- Update: Clay Base Forms removed
$input-padding-y
,$input-padding-x
,$input-padding-y-sm
,$input-padding-x-sm
,$input-padding-y-lg
,$input-padding-x-lg
, added by BS4 at https://github.com/twbs/bootstrap/commit/04b32db845df33c9daa6855a9fd44f38964a65a4
- Breaking: Form Validation removed option to customize
$form-feedback-success-indicator-icon-color
,$form-feedback-success-indicator-icon
,$form-feedback-warning-indicator-icon-color
,$form-feedback-warning-indicator-icon
,$form-feedback-danger-indicator-icon-color
,$form-feedback-danger-indicator-icon
, use mixinclay-indicator-bg
to use background-images on.form-feedback-indicator
- Breaking: Form Validation reimplement
.form-feedback-indicator
to only be for icons - Breaking: Multi Step Nav should inline
.dropdown-item-indicator
icons, background-image is still supported through mixin - Breaking: Nav Tabs should inline
.dropdown-item-indicator
icons rather than using background-image, background-image is still supported throughclay-indicator-bg
mixin - Breaking: Rename
clay-modal-title-indicator
mixin toclay-indicator-bg
- Breaking: Modals remove
header-title-indicator
support fromclay-modal-variant
mixin - Breaking: Removed empty mixin partials _dropdown.scss and _forms.scss
- Breaking: Rename
set-data-label-text-position
toclay-data-label-text-position
- Breaking: Prefix functions
breakpoint-prev
,str-replace
,svg-url
withclay-
, renamelx-icon
toclay-icon
, and renameget-lx-icons
toclay-get-icons
- Breaking: Removed functions
lx-color-by-lightness
,lx-icon-padding
- Breaking: Remove mixin
color-blockquote
,color-link
, and renamehighlight-text
toclay-highlight-text
- Breaking: Prefix mixin
timeline-item-reverse
,timeline-spacing
withclay-
- Breaking: Prefix mixin
sticker-size
withclay-
- Breaking: Prefix mixin
sidebar-variant
withclay-
- Breaking: Prefix mixin
scale-component
withclay-
- Breaking: Prefix mixin
panel-variant
withclay-
- Breaking: Prefix mixin
navbar-size
withclay-
- Breaking: Rename mixin
make-nav-nested
toclay-nav-nested
- Breaking: Prefix mixin
monospace
withclay-
- Breaking: Prefix mixin
modal-variant
withclay-
- Breaking: Prefix mixins
menubar-vertical-expand
,menubar-vertical-variant
withclay-
- Breaking: Rename mixin
label-size
toclay-label-size
- Breaking: Rename mixin
container-no-gutters
toclay-container-no-gutters
- Breaking: Removed mixins
color-dropdown-toggle-link
,color-dropdown-menu-links
- Breaking: Rename mixin
component-btn-link
toclay-component-btn-link
- Breaking: Rename mixin
badge-size
toclay-badge-size
- Breaking: Rename mixin
bg-checkered
toclay-bg-checkered
- Breaking: Rename mixin
aspect-ratio
toclay-aspect-ratio
- Breaking: Dropdown removed
$enable-dropdown-caret
BS4 added option to$enable-caret
- Breaking: Bootstrap 4 06641ca renamed
$btn-focus-box-shadow
to$input-btn-focus-box-shadow
- Breaking: Update Bootstrap 4 to 9611089
- Breaking: Atlas List Group removed unused variables
$list-group-action-color
,$list-group-action-active-color
,$list-group-action-active-bg
- Breaking: Multi Step Nav removed
.multi-step-item-contract
- Breaking: Multi Step Nav reorganize dropdown pattern so we can get rid of
.multi-step-link
- Breaking: Atlas Modals removed
$modal-inner-padding-x
,$modal-inner-padding-y
just use$modal-inner-padding
instead and change spacing to 1.5rem - Breaking: Modals remove
.modal-iframe
- Breaking: Alerts removed
.alert-notification
and$alert-notification-max-width
- Breaking: Buttons removed
$btn-secondary-bg
,$btn-secondary-border-color
,$btn-secondary-color
,$btn-secondary-hover-color
,$btn-secondary-hover-bg
,$btn-secondary-hover-border-color
,$btn-secondary-focus-box-shadow
,$btn-secondary-active-color
,$btn-secondary-active-bg
,$btn-secondary-active-border-color
- Breaking: Buttons removed
$btn-primary-bg
,$btn-primary-border-color
,$btn-primary-color
,$btn-primary-hover-color
,$btn-primary-hover-bg
,$btn-primary-hover-border-color
,$btn-primary-focus-box-shadow
,$btn-primary-active-color
,$btn-primary-active-bg
,$btn-primary-active-border-color
- Breaking: Buttons removed
$btn-monospaced-size-xl
,$btn-monospaced-size-xl-mobile
- Breaking: Buttons removed
.btn-xl
- Breaking: Stickers removed
.sticker-xxl
and re-add.sticker-lg
and.sticker-xl
- Breaking: Remove mixin
color-tabular-list-group-item
- Breaking: Remove mixin
select-box-icon
- New:
clay-indicator-bg
mixin add option to customizedisplay
,text-indent
, andvertical-align
- New: Form Feedback Indicator added
$form-feedback-indicator-margin-x
,$form-feedback-margin-top
and adjust spacing - New: Alerts added
.alert-indicator
for indicator icons and option to configure$alert-indicator-font-size
- New: Modal added mixin
clay-modal-title-indicator
for customizing.modal-title-indicator
via css - New: Modal added
.modal-title-indicator
and option to configure$modal-title-indicator-font-size
,$modal-title-indicator-spacer-x
- New: SVG Icons added caret-bottom-l, caret-left-l, caret-left, caret-right-l, caret-right, check-circle-full, order-arrow-down, order-arrow-up, warning-full, warning
- New: Added variable file to overwrite BS4 defaults couldn't disable carets by default in twbs/bootstrap#22926
- New: Custom Control Description added option to configure
$custom-control-description-margin-left
and adjust spacing on Atlas - New: List Group added option to configure
$list-group-notification-border-bottom-left-radius
,$list-group-notification-border-bottom-right-radius
,$list-group-notification-border-top-left-radius
,$list-group-notification-border-top-right-radius
- New: List Group added
.list-group-notification
variant - New: List Group added option to configure
$list-group-notification-item-border-bottom-color
,$list-group-notification-item-border-left-color
,$list-group-notification-item-border-right-color
,$list-group-notification-item-border-top-color
,$list-group-notification-item-active-border-bottom-color
,$list-group-notification-item-active-border-left-color
,$list-group-notification-item-active-border-right-color
,$list-group-notification-item-active-border-top-color
,$list-group-notification-item-border-bottom-width
,$list-group-notification-item-border-left-width
,$list-group-notification-item-border-right-width
,$list-group-notification-item-border-top-width
,$list-group-notification-item-border-variant
- New: List Group added mixin
clay-list-group-notification-item-border-variant($map)
for styling.list-group-notification .list-group-item
borders - New: List Group added
.list-group-detail
container for various items inside.list-group-item-flex .flex-col
's and option to configure$list-group-detail-margin-bottom
,$list-group-detail-margin-top
- New: List Group added option to configure
$list-group-item-flex-align-items
for vertically aligning content - New: Multi Step Nav added
$multi-step-dropdown-indicator-complete-icon
,$multi-step-dropdown-indicator-complete-width
- New: Multi Step Nav added option to configure
$multi-step-indicator-label-color
,$multi-step-title-color
- New: Multi Step Nav added option to configure
$multi-step-icon-font-weight
,$multi-step-title-font-weight
and adjust Atlas$multi-step-indicator-label-font-weight
- New: Multi Step Nav added option to configure
$multi-step-icon-hover-bg
,$multi-step-icon-hover-color
,$multi-step-icon-hover-text-decoration
, and clean up.multi-step-icon
as links - New: Alerts consolidate common styles to
.alert-notifications
and added options to configure$alert-notifications-absolute-bottom
,$alert-notifications-absolute-left
,$alert-notifications-absolute-right
,$alert-notifications-absolute-top
,$alert-notifications-absolute-bottom-mobile
,$alert-notifications-absolute-left-mobile
,$alert-notifications-absolute-right-mobile
,$alert-notifications-absolute-top-mobile
,$alert-notifications-fixed-bottom
,$alert-notifications-fixed-left
,$alert-notifications-fixed-right
,$alert-notifications-fixed-top
,$alert-notifications-fixed-bottom-mobile
,$alert-notifications-fixed-left-mobile
,$alert-notifications-fixed-right-mobile
,$alert-notifications-fixed-top-mobile
,$alert-notifications-max-width
- New: Globals added
$zindex-alert-notificiations
- New: Alerts added
.alert-container
,.alert-notifications-absolute
,.alert-notifications-fixed
for aligning alerts - New: Buttons added
$btn-primary
,$btn-secondary
,$btn-success
,$btn-info
,$btn-warning
,$btn-danger
,$btn-light
,$btn-dark
Sass maps for button variant styling - New: Buttons added mixin
clay-button-variant($map)
for more customizable button variants - New: Added Lexicon Icon Filter
- New: Menubar added
.menubar-transparent
variant - New: Menubar added mixin
menubar-vertical-variant()
- New: Added Menubar component for collapsing vertical navigations
- New: Menubar added Sass map
$menubar-vertical-expand-md
- New: Added mixin
menubar-vertical-expand()
- New: Global Functions added
breakpoint-prev($name, $breakpoints, $breakpoint-names)
to help retrieve previous breakpoint - New: Nav added
.nav-stacked
for stacked navs because BS4.flex-column
uses the important flag - Update: Modal don't use
display: flex
in.modal-title
text isn't properly truncated - Update: Alerts adjust spacing
- Update: Missed some mixins in cards, modals, stickers during mixin rename
- Update: Modals
.modal-warning
and.modal-success
should use proper icons - Update: Forms remove TODO comments
- Update: Alerts remove TODO comment, BS4 won't change
$grid-gutter-width
to rem from px issue 23999 - Update: Atlas List Group adjust space between each
.flex-col
- Update: List Group Item Flex content spacing
- Update: Multi Step Nav
.active.complete
should be styled - Update: Modals add default height to
.modal-body-iframe
- Update: Buttons and Dropdowns with
.dropdown-toggle
show focus border when buttons are clicked - Update: Navbar form-inline-autofit should shrink in FF
- Update: Atlas Button padding-x should be 0.9375rem
- Update:
menubar-vertical-expand
mixin shouldn't set margin-bottom by default - Update: Atlas Menubar styles
- Update: Nav Item with long text no white spaces should break to new line
- Update: Move
.btn-unstyled
declaration block to Sass placeholder%btn-unstyled
- Update: Global Functions
breakpoint-prev()
should work with xs - Update: Atlas $nav-nested-spacer-x to be larger
- Update: Nav
.nav-stacked
usedisplay: block
instead offlex-direction: column
messes up rendering when used with collapse plugin - Misc: Don't run maven-publish task for now
- Misc: Update svg build task to look in the right directory
- Site: Form Validation use updated
.form-feedback-indicator
markup - Site: Alerts and User and Org Form Vertical Navigation pages to use
.alert-indicator
in alerts - Site: Mutli Step Nav inline
.dropdown-item-indicator
svg icons - Site: Nav Tabs and Nav Underline tab examples should inline svg in
.dropdown-item-indicator
- Site: Modal Iframe should point to page that exists
- Site: Modals added
.modal-title-indicator
to variant demos and make aria support more clear - Site: Use renamed functions
- Site: Remove old Test Assorted page
- Site: Dropdowns remove references to
.dropdown-menu-horizontal
- Site: Timelines add
.rounded-circle
to stickers - Site: List Group added
.list-group-notification
demo - Site: List Group and List View Template update markup to include
.list-group-detail
- Site: Multi Step Nav added
.dropdown-item-indicator
support - Site: Multi Step Nav
.multi-step-icon
should use anchor tag - Site: Modals remove check button from
.modal-header
- Site: Alerts update docs to include demos of
.alert-notifications-fixed
and.alert-notifications-absolute
- Site: Buttons removed
.btn-xl
example - Site: Management Bar change magic icon to filter icon
- Site: Stickers re-add examples of
.sticker-lg
and.sticker-xl
- Site: Test Page List View Template add example with List View Template 3
- Site: Cards don't use sticker-xxl
- Site: Test Page List View Template update
- Site: Add Test Page Users and Organizations with Menubar
- Site: Added demo for Menubar Vertical
- Site: Vertical Navs to use
.nav-stacked
instead of.flex-column
- Breaking: Update Bootstrap 4 to 99eece1
- Breaking: List Group removed
.list-group-unstyled
use.flex-col
and.flex-col-expand
instead - Breaking: Dropdowns removed
$dropdown-horizontal-min-height
,$dropdown-unstyled-link-color
,$dropdown-unstyled-link-hover-color
- Breaking: Dropdown removed support for
.show-dropdown-action-on-active
,.dropdown-menu-horizontal
, and.dropdown-menu-unstyled
replaced with Quick Action - Breaking: Tables and List Group removed support for
.show-dropdown-action-on-active
and.dropdown-menu-horizontal
- Breaking: Modals added
$modal-info
Sass map and removed$modal-info-header-bg
,$modal-info-header-border-color
,$modal-info-header-color
,$modal-info-header-close-color
,$modal-info-body-bg
,$modal-info-body-color
,$modal-info-footer-bg
,$modal-info-footer-border-color
,$modal-info-footer-color
- Breaking: Modals added
$modal-success
Sass map and removed$modal-success-header-bg
,$modal-success-header-border-color
,$modal-success-header-color
,$modal-success-header-close-color
,$modal-success-body-bg
,$modal-success-body-color
,$modal-success-footer-bg
,$modal-success-footer-border-color
,$modal-success-footer-color
- Breaking: Modals added
$modal-warning
Sass map and removed$modal-warning-header-bg
,$modal-warning-header-border-color
,$modal-warning-header-color
,$modal-warning-header-close-color
,$modal-warning-body-bg
,$modal-warning-body-color
,$modal-warning-footer-bg
,$modal-warning-footer-border-color
,$modal-warning-footer-color
- Breaking: Modals added
$modal-danger
Sass map and removed$modal-danger-header-bg
,$modal-danger-header-border-color
,$modal-danger-header-color
,$modal-danger-header-close-color
,$modal-danger-body-bg
,$modal-danger-body-color
,$modal-danger-footer-bg
,$modal-danger-footer-border-color
,$modal-danger-footer-color
- Breaking: Panels added Sass map
$panel-secondary
and removed$panel-danger-border-color
,$panel-danger-color
,$panel-danger-header-bg
,$panel-danger-header-border-color
,$panel-danger-header-color
,$panel-danger-footer-bg
,$panel-danger-footer-border-color
,$panel-danger-footer-color
,$panel-info-border-color
,$panel-info-color
,$panel-info-header-bg
,$panel-info-header-border-color
,$panel-info-header-color
,$panel-info-footer-bg
,$panel-info-footer-border-color
,$panel-info-footer-color
,$panel-primary-border-color
,$panel-primary-color
,$panel-primary-header-bg
,$panel-primary-header-border-color
,$panel-primary-header-color
,$panel-primary-footer-bg
,$panel-primary-footer-border-color
,$panel-primary-footer-color
,$panel-secondary-border-color
,$panel-secondary-color
,$panel-secondary-header-bg
,$panel-secondary-header-border-color
,$panel-secondary-header-color
,$panel-secondary-footer-bg
,$panel-secondary-footer-border-color
,$panel-secondary-footer-color
,$panel-success-border-color
,$panel-success-color
,$panel-success-header-bg
,$panel-success-header-border-color
,$panel-success-header-color
,$panel-success-footer-bg
,$panel-success-footer-border-color
,$panel-success-footer-color
,$panel-warning-border-color
,$panel-warning-color
,$panel-warning-header-bg
,$panel-warning-header-border-color
,$panel-warning-header-color
,$panel-warning-footer-bg
,$panel-warning-footer-border-color
,$panel-warning-footer-color
- Breaking: Panels removed variants
.panel-primary
,.panel-info
,.panel-success
,.panel-warning
, and.panel-danger
- New: Card added
.card-section-header
and$card-section-header-color
,$card-section-header-font-size
,$card-section-header-font-weight
,$card-section-header-line-height
,$card-section-header-margin-bottom
,$card-section-header-padding
,$card-section-header-text-transform
- New: Quick Action added option to configure
$quick-action-item-color
,$quick-action-item-hover-color
- New: Tables added quick actions and option to configure
$table-quick-action-menu-align-items
,$table-quick-action-menu-bg
,$table-quick-action-menu-accent-bg
,$table-quick-action-menu-accent-active-bg
,$table-quick-action-menu-active-bg
,$table-quick-action-menu-hover-bg
,$table-list-quick-action-menu-align-items
,$table-list-quick-action-menu-bg
,$table-list-quick-action-menu-accent-bg
,$table-list-quick-action-menu-accent-active-bg
,$table-list-quick-action-menu-active-bg
,$table-list-quick-action-menu-hover-bg
- New: Quick Action component and added options to customize
$quick-action-padding-x
,$quick-action-padding-y
,$quick-action-item-margin-x
,$quick-action-item-margin-y
,$quick-action-item-padding-x
,$quick-action-item-padding-y
- New: Modals added
.modal-item-first
,.modal-item
, and.modal-item-last
to help align content left, middle, and right - New: Modals added
modal-variant($map)
mixin - New: Added
panel-variant($map)
mixin - New: Panels added
.panel-group-fluid
,.panel-group-fluid-first
, and.panel-group-fluid-last
- New: Panels added option to configure
$panel-border-color
,$panel-border-style
and update Atlas Panel border styles - Update: Button Variant active selectors, BS4 changed selectors
- Update: Change z-index of
.navbar-overlay
to be less than.navbar-collapse-absolute
- Update: List Group add support for Quick Actions
- Update: Move Quick Action positioning from Table to Quick Action
- Update: Table Quick Action removed z-index
- Update: Pagination support
.btn.btn-unstyled
for pagination links - Update: Pagination
.page-link:focus
should appear above others - Update: Panel Variant mixin header-close-color should inherit from header-color
- Update: Modals use
modal-variant
mixin and add indicator icons to.modal-title
's in variants - Update: Panel Variant mixin comments
- Update: Modals reset some breaking styles that were added in Bootstrap 4 3624025
- Update: Atlas Panel box-shadows to display on top also
- Update: Sidebar return padding to 1.5rem
- Update: Pagination Bar Items should be centered in mobile
- Site: Timelines update panels to
.panel-secondary
other panel variants were removed - Site: Card View Template added horizontal cards and card section headers
- Site: List Group removed references to
.list-group-unstyled
- Site: Table and List Group add warning about making
.show-quick-actions-on-hover
keyboard accessible - Site: List Group and Table View Template from
.show-dropdown-action-on-active
to.show-quick-actions-on-hover
- Site: Table View Template replace
.show-dropdown-action-on-active
with.show-quick-actions-on-hover
- Site: Tables replaced
.show-dropdown-action-on-active
with.show-quick-action-on-hover
and removed vertical align demo - Site: List Group remove references to
.show-dropdown-action-on-active
- Site: Card View Template use buttons for pagination links
- Site: Modal add docs for
.modal-item-first
,.modal-item
, and.modal-item-last
- Site: Panels page remove references to
.panel-primary
,.panel-info
,.panel-success
,.panel-warning
,.panel-danger
- Site: Source formatting
- Site: Panels added
.panel-group-fluid
docs - Site: Users and Organizations demo to use
.panel-group-fluid-last
- Site: Subnav demos to use
.container
instead of.container-fluid
- Site: Move
.card-type-directory
to top most element
- Breaking: Alert Fluid should use have nested
.container
or.container-fluid
- Breaking: Globals removed
$container-fluid-max-widths
Sass map,.container-fluid-max-*
is now based on$container-max-widths
- Breaking: Grid removed
.container-fluid-1280
- Breaking: Pagination renamed
$pagination-items-per-page-border
to$pagination-items-per-page-border-color
- Breaking: Sticker removed
$sticker-font-size-sm
,$sticker-size-sm
,$sticker-font-size-lg
,$sticker-size-lg
,$sticker-font-size-xl
,$sticker-size-xl
,$sticker-font-size-xxl
,$sticker-size-xxl
,$sticker-outside-offset-sm
,$sticker-outside-offset-lg
use sticker-size mixin instead - Breaking: Sticker removed mixins
sticker
,sticker-sm
,sticker-lg
,sticker-xl
,sticker-xxl
, removed.sticker-lg
,.sticker-xl
,.sticker-xxl
, usesticker-size($sassMap)
mixin to create custom sticker sizes - Breaking: Cards and List Group don't set sticker sizes
- Breaking: Labels removed mixins
label
,label-sm
,label-lg
and replaced with mixinlabel-size
, removed.label-sm
, added sass map$label-lg
for sizing large labels - Breaking: Labels now size based on height instead of padding, added option to configure
$label-height
, and adjust Atlas Labels to be smaller by default - Breaking: Labels removed
$label-font-size-mobile
,$label-font-size-lg-mobile
,$label-font-size-sm-mobile
and remove option to scale-component - Breaking: Badges removed
$badge-font-size-lg
,$badge-lexicon-icon-height-lg
,$badge-lexicon-icon-width-lg
,$badge-padding-x-lg
,$badge-padding-y-lg
,$badge-font-size-sm
,$badge-lexicon-icon-height-sm
,$badge-lexicon-icon-width-sm
,$badge-padding-x-sm
,$badge-padding-y-sm
- Breaking: Badges removed mixins
badge
,badge-lg
, andbadge-sm
. Mixinbadge-size
now accepts a Sass map of properties and values to create a specific badge size if needed. - Breaking: Badges removed
.badge-lg
and.badge-sm
- Breaking: Alerts BS4 changed position from
relative
toabsolute
for.alert-dismissible .close
. Changed$alert-close-*
values and added$alert-close-height
,$alert-close-width
,$alert-dismissible-padding-bottom
,$alert-dismissible-padding-left
,$alert-dismissible-padding-right
,$alert-dismissible-padding-top
- Breaking: Update Bootstrap 4 to 527f55c
- Breaking: Badges removed
$badge-font-size-mobile
,$badge-font-size-lg-mobile
,$badge-font-size-sm-mobile
and remove option to scale-component - Breaking: Removed
.icon-monospaced
- Breaking: Icons removed
$help-icon-secondary-bg
,$help-icon-secondary-color
,$help-icon-secondary-color-hover
- Breaking: Forms renamed
$input-label-reference-mark-vertical-alignment
to$input-label-reference-mark-vertical-align
and added option to configure$input-label-reference-mark-font-size
- Breaking: Form Validation removed
.form-feedback
use.form-feedback-item
and.form-feedback-indicator
instead - Breaking: Update Bootstrap 4 to 502ac7e
- Breaking: Navbar removed
$navbar-primary-bg
,$navbar-primary-border-color
,$navbar-primary-active-bg
,$navbar-primary-hover-bg
,$navbar-primary-disabled-bg
,$navbar-primary-active-highlight
,$navbar-primary-brand-bg
,$navbar-primary-brand-hover-bg
,$navbar-primary-brand-color
,$navbar-primary-brand-hover-color
use Sass map$navbar-primary
instead - Breaking: Navbar removed
$navbar-dark-bg
,$navbar-dark-border-color
,$navbar-dark-active-bg
,$navbar-dark-hover-bg
,$navbar-dark-disabled-bg
,$navbar-dark-active-highlight
,$navbar-dark-brand-bg
,$navbar-dark-brand-hover-bg
,$navbar-dark-brand-color
,$navbar-dark-brand-hover-color
,$navbar-dark-toggler-border-color
use Sass map$navbar-dark
instead - Breaking: Navbar removed
$navbar-light-bg
,$navbar-light-border-color
,$navbar-light-active-bg
,$navbar-light-hover-bg
,$navbar-light-disabled-bg
,$navbar-light-active-highlight
,$navbar-light-brand-bg
,$navbar-light-brand-hover-bg
,$navbar-light-brand-color
,$navbar-light-brand-hover-color
,$navbar-light-toggler-border-color
use Sass map$navbar-light
instead - Breaking: Navbar renamed
$navbar-active-highlight
to$navbar-underline-active-bg
and.navbar-highlight
to.navbar-underline
to match nav naming pattern - Breaking: Navbar removed
$navbar-brand-color
,$navbar-brand-hover-color
should be configured through the navbar-variant mixin - Breaking: Navbar removed
$navbar-collapse-absolute-box-shadow
, box-shadows on Navbars should be implemented through thenavbar-size
mixin - New: Navbar added
.show-dropdown-on-collapse
for always expanded.dropdown-menu
's in mobile - New: Globals added
$font-weight-semi-bold
and$font-weight-bolder
for easier adjusting of font weights - New: Utilities added
.page-header
and option to configure$page-header-bg
- New: Grid added
.container-no-gutters
and.container-no-gutters-{sm|md|lg|xl}-down
- New: Grid added mixin
container-no-gutters
for removing gutters on container, row, and col - New: Pagination added
$pagination-margin-bottom
- New: Globals added
$zindex-navbar-collapse-absolute
dropdowns should appear above it - New: Pagination added
$pagination-items-per-page-border-radius
,$pagination-items-per-page-hover-bg
,$pagination-items-per-page-hover-border-color
,$pagination-items-per-page-hover-color
- New: Stickers added
$sticker-sm
Sass map - New: Labels added
.label-dismissible
and$label-dismissible-text-transform
- New: Navbar added option to configure
$navbar-title-font-size
,$navbar-title-font-weight
,$navbar-title-margin-bottom
,$navbar-title-text-transform
and added.navbar-title
- New: Added
.application-bar
- New: Navbar added
.navbar-secondary
and added option to configure$navbar-secondary
- New: Globals added
$font-import-url
for importing fonts - New: Reference Mark added option to configure
$reference-mark-vertical-align
- New: Form Validation added option to configure
$form-feedback-success-indicator-icon-color
,$form-feedback-success-indicator-icon
,$form-feedback-warning-indicator-icon-color
,$form-feedback-warning-indicator-icon
,$form-feedback-danger-indicator-icon-color
,$form-feedback-danger-indicator-icon
- New: Form Validation added option to configure
$input-danger-select-icon-color
,$input-danger-select-icon
,$input-success-select-icon-color
,$input-success-select-icon
,$input-warning-select-icon-color
,$input-warning-select-icon
- New: Navbar added variant
.navbar-transparent
- Update: Alert make
.alert .close
smaller and update position - Update: Navbar
.show-dropdown-on-collapse
should space.dropdown-header
properly, and.dropdown-menu
should be full size - Update: Globals change
$zindex-navbar-collapse-absolute
value to 500, gives space to customize z-index values - Update: Navbar
.container
and.container-fluid
in.navbar-collapse
shouldn't have padding when not collapsed - Update: Navbar Collapse Absolute should work with
.container
,.container-fluid
- Update: Sidebar title should use
$font-weight-semi-bold
and unset redundant font-weight - Update: Map Atlas font-weights to global font-weight variables
- Update: Atlas define font-weights
- Update: Clay Base only use
$headings-font-weight
for headings, use$font-weight-semi-bold
for the rest - Update: Clay Base map font-weight variables to global font-weight variables defined by BS4
- Update: Table move
border-collapse: collapse
to.table
and restore default value fortable
- Update: Normalize
.container
and.container-fluid
spacing in Application Bar, Management Bar, Navigation Bar, Navbar, and Subnav - Update: Atlas Breadcrumb adjust padding-x
- Update: Table Responsive add overflow-y: hidden, work around for Chrome 61 bug with box-shadow and td/th
- Update: Dropdown
.show-dropdown-action-on-active
should be under.navbar-collapse-absolute
- Update: Atlas Navbar
.navbar-dark
and.navbar-secondary
colors - Update: Subnav Title font-weight
- Update: Navbar variant should set
.navbar-toggler
color - Update: Atlas Pagination Items Per Page colors
- Update: Pagination
.pagination-items-per-page
styles bleed into dropdown-items - Update: Pagination should use scale-component mixin
- Update: Pagination border-radius should be able to be disabled through
$enable-rounded
- Update: Subnav should have no margin-bottom
- Update: Atlas Globals container and container-fluid-max-* sizes
- Update: Atlas Globals grid-gutter-width to 24px
- Update: Atlas Dropdown don't set mobile sizes
- Update: Alerts use scale-component mixin instead of hard coding media query
- Update: Sticker re-add
.sticker-xxl
and$sticker-xxl
Sass map - Update: Cards and List Group don't need to resize label they are smaller by default
- Update: Atlas Badge size to be smaller
- Update: Atlas adjust
$input-btn-padding-y
so buttons are 40px tall BS4 changed line-height on.btn
- Update: Sort imports
- Update: Application Bar use
.nav-link-monospaced
- Update: Subnav adjust spacing around
.subnav
and.subnav .container-fluid
- Update: Navbar make
.navbar-text-truncate
more specific for.navbar-brand
- Update: Navigation Bar adjust padding-x
- Update: Application Bar added
$application-bar-size
- Update: Nav adjust
$nav-btn-margin-x
to be smaller - Update: Navbar Variant mixin add option to set color
- Update: Atlas Globals don't need to set
$gray-200
,$gray-400
- Update: Reference Mark removed
.lexicon-icon
styles it now scales with font size - Update: Form Validation group select styles with validation state styles
- Update: Atlas Custom Checkbox change border-radius to 0.125rem
- Update: Form File should be
display: flex
- Update: Collapsible Search and Side Navigation js plugins to use BS4
Util.supportsTransitionEnd()
- Update: Atlas Nav disabled nav-link should use V2 color and Navbar disabled link can inherit from it
- Update: Atlas Navbar change color of navbar-underline
- Update: Subnav don't inherit from Clay navbar variables
- Update: Navbar mobile dropdown styles moved to navbar-variant mixin
- Update: Navbar Collapse Absolute move background and border colors to navbar-variant mixin
- Site: Navbar and variant pages should use container and new navbar classes
- Site: Visual Test pages to use container and new navbar classes
- Site: Alert Fluid demos to have nested container
- Site: Use container-fluid instead of container for demo pages template
- Site: Grid demo use
$container-max-widths
- Site: Added test pages Card View Template and Table View Template
- Site: Management Bar remove
.navbar-secondary
example - Site: Added Card View Template to visual tests
- Site: Cards update card-type-asset class placement
- Site: Stickers removed
.sticker-lg
,.sticker-xl
,.sticker-xxl
examples - Site: Labels remove
.label-sm
example and add.label-dismissible
example - Site: Badges remove badge sizes demos
- Site: Alerts change markup to follow new BS4 beta pattern
- Site: Vertically align
.clay-site-light-container
- Site: Added
.application-bar
demo - Site: Navigation Bar remove management bar example to avoid confusion
- Site: Update Navbars with
.navbar-secondary
examples - Site: Utilities remove references to icon-monospaced
- Site: SF demo pages
- Site: Cards page SF
- Site: Form Elements update Form Inline Autofit markup to use BS4 flex utility
- Site: Form Validation remove
.form-feedback
from demos - Site: Sidebar update navbar to use
.navbar-transparent
- Site: Navbars rename
.navbar-highlight
to.navbar-underline
- Breaking: Sidebar removed
$sidebar-padding
, list out padding properties individually - Breaking: Sidebar removed
$sidebar-dark-bg
,$sidebar-dark-border-color
,$sidebar-dark-color
,$sidebar-dark-panel-bg
,$sidebar-dark-actions-link-color
,$sidebar-dark-actions-link-hover-color
,$sidebar-dark-header-title-color
,$sidebar-dark-header-title-hover-color
,$sidebar-dark-link-color
,$sidebar-dark-link-hover-color
,$sidebar-dark-list-item-border-color
- Breaking: Sidebar removed
.sidebar-dark
and.sidebar-dark-bg
variant - Breaking: Sidebar removed
$sidebar-light-bg
,$sidebar-light-border-color
,$sidebar-light-color
,$sidebar-light-panel-bg
,$sidebar-light-actions-link-color
,$sidebar-light-actions-link-hover-color
,$sidebar-light-header-title-color
,$sidebar-light-header-title-hover-color
,$sidebar-light-link-color
,$sidebar-light-link-hover-color
,$sidebar-light-list-item-border-color
, use Sass map$sidebar-light
instead - Breaking: Sidebar removed
$sidebar-link-color
,$sidebar-link-hover-color
,.sidebar-link
colors should be handled by sidebar variants - Breaking: Sidebar removed
.sidebar-panel
use aspect-ratio's instead - Breaking: Sidebar remove font-size on
.sidebar-body
and set font weight to 500 for.sidebar-subtitle
- Breaking: Sidebar rename
.sidebar-section-d-flex
to.sidebar-section-flex
to match naming pattern used in list-group - Breaking: Renamed
$nav-link-monospaced-size
to$nav-item-monospaced-size
and added$nav-btn-margin-x
,$nav-btn-margin-y
- Breaking: Utilities add
!important
to utility classes.rounded
,.rounded-circle
,.rounded-0
to win over BS4 utils - Breaking: Form Check Card to follow new
.custom-control
markup - Breaking: Normalize
.custom-control
markup to match.form-check
- Breaking: Input Group removed old
.help-icon
styles - Breaking: Navbar removed
$navbar-size
and created a base navbar that custom navbars should extend from - Breaking: Navbar removed mixin
navbar-overlay
and include it in mixinnavbar-size
- Breaking: Navbars shouldn't use scale-component mixin, should scale based on expand breakpoint
- Breaking: Navbar Toggler Link should scale based on navbar height
- Breaking: Navbar
.navbar-toggler
to size based on navbar-height - Breaking: Navbar remove extra
.navbar .container
style overwrite, should be done with.navbar-expand-*
- Breaking: Navbar redo
.navbar-brand
sizing to work with BS4.navbar
and.navbar-expand
- Breaking: Navbar comment out
scale-component
mixin, should use breakpoints for resizing instead - Breaking: Update Bootstrap 4 to d1b3c0c
- Breaking: Navbar rename
.navbar-d-breakpoint-*
to.navbar-breakpoint-d-*
- Breaking: Navbar removed
.collapse-basic-search
,.basic-search
styles - Breaking: Navbar removed
$zindex-basic-search-close
- Breaking: Navbar removed
$collapse-basic-search-transparent-light-btn-color
,$collapse-basic-search-transparent-light-btn-focus-color
,$collapse-basic-search-transparent-light-input-color
,$collapse-basic-search-transparent-light-input-focus-color
,$collapse-basic-search-transparent-light-input-placeholder-color
,$collapse-basic-search-transparent-light-input-placeholder-focus-color
,$collapse-basic-search-transparent-light-focus-highlight
,$collapse-basic-search-transparent-inverse-btn-color
,$collapse-basic-search-transparent-inverse-btn-focus-color
,$collapse-basic-search-transparent-inverse-input-color
,$collapse-basic-search-transparent-inverse-input-focus-color
,$collapse-basic-search-transparent-inverse-input-placeholder-color
,$collapse-basic-search-transparent-inverse-input-placeholder-focus-color
,$collapse-basic-search-transparent-inverse-focus-highlight
- Breaking: Navbar removed
.collapse-basic-search-transparent
- Breaking: Update Bootstrap 4 to d3d0658
- Breaking: Removed
.multi-step-bar
use.subnav
instead - Breaking: Multi Step Bar removed
$multi-step-bar-bg
,$multi-step-bar-border-radius
,$multi-step-bar-color
,$multi-step-bar-font-size
,$multi-step-bar-height
,$multi-step-bar-margin-bottom
,$multi-step-bar-padding
- New: Navbar use navbar-variant mixin for creating color variants and added Sass maps
$navbar-light
,$navbar-dark
,$navbar-primary
for color settings - New: Navbar created
navbar-variant
mixin for creating navbar color variants - New: Sidebar Variant mixin added option to configure
.sidebar-subtitle
,.sidebar-caption
,.sidebar-dt
,.sidebar-dd
colors - New: Sidebar added
sidebar-variant($map)
mixin - New: Sidebar added option to configure
$sidebar-list-font-size
- New: Badge added mixin
badge-size($size)
to help set badge sizes, and updated components using badge mixins to use badge-size mixin - New: Stickers added mixin
sticker-size($size)
to help set sticker sizes, and updated components using sticker mixins to use sticker-size mixin - New: Labels added mixin
label-size($size)
to help set label sizes, and updated components using label mixins to use label-size mixin - New: Sidebar added option to configure
$sidebar-list-item-border-bottom-width
,$sidebar-list-item-border-left-width
,$sidebar-list-item-border-right-width
,$sidebar-list-item-border-top-width
,$sidebar-list-item-flex-col-padding-x
,$sidebar-list-item-flex-col-padding-y
,$sidebar-light-list-item-border-color
,$sidebar-dark-list-item-border-color
and added.sidebar-list
and.sidebar-list-item
- New: Sidebar added
$sidebar-panel-margin-bottom
and re-add.sidebar-panel
styles - New: Sidebar added option to configure
$sidebar-dt-margin-bottom
,$sidebar-dd-margin-bottom
, remove styles for.sidebar .navbar
, and add comments to sections - New: Sidebar added option to configure
$sidebar-dt-font-size
,$sidebar-dt-font-weight
,$sidebar-dt-text-transform
,$sidebar-dd-font-size
,$sidebar-dd-font-weight
,$sidebar-dd-text-transform
- New: Sidebar added option to configure
$sidebar-caption-font-size
,$sidebar-caption-font-weight
,$sidebar-caption-text-transform
- New: Sidebar added option to configure
$sidebar-subtitle-font-size
,$sidebar-subtitle-font-weight
,$sidebar-subtitle-text-transform
- New: Sidebar added option to configure
$sidebar-title-font-size
,$sidebar-title-font-weight
- New: Added
.nav-unstyled
- New: Navigation Bar variables
- New: Navigation Bar component and add
$management-bar-size
- New: Subnav component
- New: Navbar added
.navbar-primary-bg
and option to configure$navbar-primary-bg
,$navbar-primary-border-color
,$navbar-primary-active-bg
,$navbar-primary-hover-bg
,$navbar-primary-disabled-bg
,$navbar-primary-active-highlight
,$navbar-primary-brand-bg
,$navbar-primary-brand-hover-bg
,$navbar-primary-brand-color
,$navbar-primary-brand-hover-color
- New: Input Group Inset add option to configure
$input-group-inset-item-color
- New: Nav Tabs added option to configure
$nav-underline-font-size
,$nav-tabs-font-size
- New: Nav Tabs added option to configure
$nav-tabs-link-padding-x
,$nav-tabs-link-padding-y
,$nav-underline-link-padding-x
,$nav-underline-link-padding-y
- New: Nav Tabs added option to configure
$nav-tabs-link-dropdown-item-indicator-width
,$nav-tabs-link-dropdown-item-indicator-active-icon
- New: Nav Tabs added option to configure
$nav-tabs-link-color
and reorganize nav variables - New: Added Nav Underline Dropdowns with indicators
- Update: Closes #372 Modal final opacity and bg-color
- Update: Closes #373 Add build:rtl task for easily checking if compiled css is parsable by r2
- Update: Navbar Size mixin add option to disable sizes
- Update: Navbar Variant mixin added option to disable styles from being output
- Update: Global Functions setter to work with true and false values
- Update: Atlas Sidebar Light colors
- Update: Box Shadow mixin shouldn't output shadow property if value is null
- Update: Sidebar actions should be vertically aligned to the rest of the content
- Update: Sidebar add
line-height: normal
to.sidebar-title
and.sidebar-subtitle
to prevent text being cut off with h# tags, BS4 bug - Update: Sidebar don't use label-size mixin, use helper classes to size labels instead
- Update: Management Bar and Navigation Bar spacing
- Update: Navbar don't need to update
.nav-btn-monospaced
spacing already covered by.nav-btn
- Update: Navbar should use same markup pattern as navs for buttons and links
- Update: Management Bar styles should win over nav and navbar
- Update: Nav add support for buttons inside nav-item
- Update: Input Groups support
.custom-control
and.form-check
- Update: Form Check should align with first line with long labels that wrap
- Update: List Group with
.form-check
or.custom-control
should be aligned properly - Update: Tables with
.custom-control
should work - Update: Navbar with
.custom-control
should work - Update: Input Group Lg should set font-size for
input-group-inset
- Update: Forms set input-font-size-lg and input-font-size-sm
- Update: Input Group Inset should size with input-group-lg, input-group-sm
- Update: Tweak Navigation Bar padding
- Update: Navbar add option to configure active-border-offset-x
- Update: Atlas Navbar Highlight colors
- Update: Navbar mixin add option to configure dropdown-item-padding in navbar-collapse in mobile
- Update: Navbar dropdown-menu in navbar-collapse should have no margin or padding
- Update: Navbar
.navbar-collapse-absolute
should use custom navbar padding - Update: Navbar Overlay should work with Base Navbar
- Update: Navbar mixin size form-control and clean up some code
- Update: Navbar mixin size
.nav-btn
- Update: Navbar position and size
.nav-btn
- Update: Base Navbar Highlight colors
- Update: Navbar collapse use max-width so text is truncated in FF
- Update: Navbar Variant dropdown-menu styles should be even more specific
- Update: Management Bar containers should wrap
- Update: Navbar clean up navbar-size mixin
- Update: Navbar Size mixin map desktop size variables to mobile size
- Update: Navbar improve spacing of
.navbar-brand
and.navbar-toggle
- Update: Navbar Variants scope dropdown colors to navbar collapse
- Update: Navbar
.navbar-text-truncate
should work in all navbar forms - Update: Navbar forgot to account for
.navbar-nav
inside.navbar-collapse
without.navbar-expand-*
- Update: Navbar only undo
.dropdown-menu
styles when inside.navbar-collapse
- Update: Navbar
.navbar-nav
should haveflex-direction: column
only inside.navbar-collapse
- Update: Navbar normalize containers used in
.navbar
- Update:
.navbar-expand-*
shouldjustify-content: space-between
- Update: Re-add Management bar component
- Update: Navbar added option to configure
$container-padding-x
and$container-padding-x-mobile
- Update: Navbar Form spacing at all breakpoints
- Update: Navbar Brand should calculate padding based on navbar-height
- Update: Navbar properly space
.nav-link
inside.navbar-collapse
- Update: Navbar move out max-width stuff for
.navbar-toggler-link
and.navbar-brand
from.navbar-expand
- Update: Fixes #357 - Consolidates z-index variables from individual components to _global variables
- Update: Atlas custom-control-description line-height
- Update: Navbar Form Inline shouldn't have margin-bottom at small screen sizes
- Update: Navbar style dropdown-menu's in mobile
- Update: Forms
.form-text
should be properly spaced when used after alabel
- Update: Input Group Transparent
.btn-link
should have no borders - Update: Input Group Transparent add
.input-group-btn
support - Update: Nav Tabs make active dropdown indicator smaller
- Update: Move
.nav-underline
scss under.nav-tabs
and.nav-underline
with show should have active styles - Site: Remove classes
.navbar-*-bg
there is only one class for color variants now - Site: Sidebar update markup to Clay V2 and remove
.sidebar-dark
example - Site: Nav Unstyled docs
- Site: Nav Underline add demo of Nav Underline with Tabs using only buttons
- Site: Nav added all the different button and link combinations...Faro
- Site: Nav Tabs add demo of tabs using only buttons
- Site: Management Bar and Navigation Bar to use new button and link markup for nav-items
- Site: Input Groups, List Groups, Management Bar, Navigation Bar, Tables demos to use Custom Controls
- Site: Card, Dropdown, Form Validation pages Custom Control markup to match Form Check
- Site: Custom Control markup to match Form Check
- Site: Dropdown use input-group-sm for input-group in dropdown
- Site: Added Navigation Bar page
- Site: Navbar remove Navbar Simple demo
- Site: Management Bar updated markup with
.nav-btn
examples - Site: Management Bar update examples with container-fluid-max-xl
- Site: Navbars add new patterns and remove some v1 patterns
- Site: Navbar update docs for
.navbar-breakpoint-d-*
and.navbar-breakpoint-down-d-*
- Site: Navbar remove references to
.collapse-basic-search
and.basic-search
- Site: Navbar removed all references to
.collapse-basic-search-transparent
- Site: Multi Step Nav page point to subnav page for Multi Step Nav Simplified
- Site: Subnav page
- Site: Rename _nav_underline.html to nav_underline.html
- Site: Navbar fix some dropdown markup
- Site: Management Bar add primary demo
- Site: Management Bar demos update Search bar to use
.btn-unstyled
- Site: Input Group add example with label and form-text
- Site: Input Group Transparent add example with
.btn
- Site: Nav Tabs update demos to have dropdown-item-indicator
- Site: Move Nav Underline to its own page
- New: Global Functions added
setter($var, $val)
for setting default sass variable values - New: Added
.multi-step-bar
and options to configure$multi-step-bar-bg
,$multi-step-bar-border-radius
,$multi-step-bar-color
,$multi-step-bar-font-size
,$multi-step-bar-height
,$multi-step-bar-margin-bottom
,$multi-step-bar-padding
- New: Globals readd
$font-family-serif
from BS3 - New: Typography added
.section-header
and option to configure$section-header-border-color
,$section-header-border-style
,$section-header-border-width
,$section-header-color
,$section-header-font-size
,$section-header-font-weight
,$section-header-line-height
,$section-header-margin-bottom
,$section-header-padding
,$section-header-text-transform
- New: Nav Tabs added option to configure
$nav-tabs-tab-pane-bg
,$nav-tabs-tab-pane-border-radius
,$nav-tabs-tab-pane-padding
- Breaking: Update Bootstrap 4 to e0c95f8, Bootstrap requires jQuery3
- Breaking: (Fixes #365) btn-action is definitely dropped
- Breaking: Navbar move
$navbar-height
,$navbar-border-bottom-width
,$navbar-border-left-width
,$navbar-border-right-width
,$navbar-border-top-width
,$navbar-border-width
,$navbar-font-size
,$navbar-link-padding-x
,$navbar-link-padding-y
,$navbar-active-border-bottom-width
,$navbar-toggler-height
,$navbar-toggler-margin-x
,$navbar-toggler-margin-y
,$navbar-toggler-link-font-size
,$navbar-toggler-link-height
,$navbar-toggler-link-line-height
,$navbar-toggler-link-padding-x
,$navbar-toggler-link-padding-y
,$navbar-brand-margin-right
,$navbar-brand-padding-x
,$navbar-height-mobile
,$navbar-font-size-mobile
,$navbar-link-padding-x-mobile
,$navbar-link-padding-y-mobile
,$navbar-brand-font-size-mobile
,$navbar-brand-margin-right-mobile
,$navbar-brand-padding-x-mobile
,$navbar-brand-padding-y-mobile
,$navbar-toggler-margin-x-mobile
,$navbar-toggler-link-font-size-mobile
,$navbar-toggler-link-padding-x-mobile
,$navbar-toggler-link-padding-y-mobile
,$navbar-nav-item-dropdown-margin-top
, to$navbar-size
Sass map - Breaking: Typography removed Blockquote Variants
- Breaking: Typography removed
.monospace
and.sans-serif
helper classes - Breaking: (Fixes #361) Toggle card is definitely dropped
- Breaking: Breadcrumb vertical/stacked is definitely dropped
- Update: Popper.js to 1.12.3
- Update: Navbar added helper class
.navbar-d-breakpoint-inline-block
- Update: Atlas Navbar Sizes
- Update: Navbar Size mixin brand-padding-x should inherit from link-padding-x
- Update: Navbar moved sizing to navbar-size mixin
- Update: Create
navbar-size($map)
mixin to help size navbars - Update: Nav Underline
.active.dropdown-toggle.nav-link
should be highlighted - Update:
$enable-scaling-navbar
should inherit value from$enable-scaling-components
- Update: Navbar always set font size and added
$enable-scaling-navbar
- Update: Scaling components mixin to accept boolean value
- Update: Navbar fix
.form-check
inside navbar - Update: Clay Base Navbar light and dark bg colors
- Update: Dropdown dropdown-toggle should remove focus styles on
button
element when shown - Update: Multi Step Nav add buttons as link support
- Update: Atlas Nav Tabs colors to Lexicon 2 first pass
- Update:
.nav-tabs .nav-link.active
border-color should be more customizable - Fix: Panels variables missing semicolon
- Fix: Navs variables missing semicolon
- Fix: Alerts missing semicolon and default flag
- Site: Change jQuery version to 3.2.1, Bootstrap 4 requires jQuery 3
- Site: Recover menu-icon functionality, Add margin-top to page title
- Site: Navbar docs mention new
.navbar-d-breakpoint-{inline-block|flex}
and.navbar-d-breakpoint-down-none
- Site: Update Management Bar content to Clay 2
- Site: Multi Step Nav add examples of buttons as links
- Site: Typography display different font styles
- Site: Add examples of
.section-header
- Site: Use BS4 blockquotes
- Site: Clean up unused styles from removed pages
- Site: Typography update markup to Clay 2
- New: Badges added
$badge-link-color
because$badge-color
was removed from BS4 - New: Table added
$table-divider-bg
- New: Table added
$table-divider-color
- New: Table added
.table-divider
and option to configure$table-divider-font-weight
,$table-divider-font-size
,$table-divider-padding
,$table-divider-text-transform
- New: Table List added
$table-list-border-color
,$table-list-border-width
,$table-list-border-radius
and added borders to.table-list
- New: Table List added
$table-list-bg
,$table-list-accent-bg
,$table-list-hover-bg
,$table-list-active-bg
, removed styles related to Chrome rendering issue with responsive-tables (bug is fixed) - New: Table List added option to configure borders on
.table-list
through$table-list-row-box-shadow
,$table-list-row-hover-box-shadow
,$table-list-row-active-box-shadow
- New: Dropdown added
.dropdown-menu-unstyled
, and added option to configure$dropdown-unstyled-link-color
,$dropdown-unstyled-link-hover-color
- New: Dropdown Action added
.show-dropdown-action-on-active
to display dropdown-menu's when a component item is selected - New: List Group added
$list-group-subtitle-active-color
,$list-group-title-active-color
and vertically center.list-group-item
- New: List Group added
$list-group-header-title-margin-bottom
and set$list-group-header-title-font-size
to 1rem - New: List Group added option to configure
$list-group-subtitle-text-decoration
,$list-group-subtitle-hover-color
,$list-group-subtitle-hover-text-decoration
- New: List Group added option to configure
$list-group-subtitle-margin-bottom
$list-group-title-color,
$list-group-title-font-size,
$list-group-title-font-weight,
$list-group-title-margin-bottom,
$list-group-title-line-height,
$list-group-title-text-decoration,
$list-group-title-hover-color,
$list-group-title-hover-text-decoration` - Breaking: Remove Font Awesome
- Breaking: Rename
lexicon-base-variables.scss
,lexicon-base.scss
tobase-variables.scss
,base.scss
respectively - Breaking: Rename _lexicon.scss to _components.scss
- Breaking: Removed main.scss from Base and import files individually
- Breaking: Move Base components to components directory
- Breaking: Atlas remove /atlas/main.scss, use only one main.scss file
- Breaking: Remove _mixins.scss from Atlas, this file is unused
- Breaking: Move Lexicon Base to root scss directory
- Breaking: Rename Atlas Theme to Atlas
- Breaking: Multi Step Nav renamed
$multi-step-divider-margin-top
to$multi-step-divider-top
, added$multi-step-title-font-size
, and fix multi step nav positions broken by last commit - Breaking: Multi Step Nav removed
$multi-step-indicator-bg
and fix bug where the divider is hidden under a postion relative parent - Breaking: Update Bootstrap 4 to 4571ab0
- Breaking: Table removed
$table-list-row-height
- Breaking: Table removed
$table-list-row-active-border-bottom-width
,$table-list-row-active-border-color
,$table-list-row-border-bottom-width
,$table-list-row-border-color
,$table-list-row-box-shadow
,$table-list-row-hover-box-shadow
,$table-list-row-active-box-shadow
- Breaking: Table removed
$table-list-head-border-bottom-width
- Breaking: Table renamed
$table-list-header-bg
,$table-list-header-border-bottom-width
,$table-list-header-font-size
,$table-list-header-font-weight
,$table-list-header-min-height
,$table-list-header-vertical-alignment
, to$table-list-head-bg
,$table-list-head-border-bottom-width
,$table-list-head-font-size
,$table-list-head-font-weight
,$table-list-head-height
,$table-list-head-vertical-alignment
- Breaking: Table renamed
$table-header-color
,$table-header-font-size
,$table-header-font-weight
,$table-header-min-height
to$table-head-color
,$table-head-font-size
,$table-head-font-weight
,$table-head-height
- Breaking: Table remove unused variable
$table-list-content-height
- Breaking: List Group remove some list-group-item.active variant overwrites
- Breaking: List Group removed
$list-group-dropdown-toggle-color
,$list-group-dropdown-toggle-hover-color
,$list-group-dropdown-toggle-active-color
handled by.dropdown-action
- Breaking: List Group rename
$list-group-header-color
,$list-group-header-font-size
,$list-group-header-font-weight
,$list-group-header-text-transform
to$list-group-header-title-color
,$list-group-header-title-font-size
,$list-group-header-title-font-weight
,$list-group-header-title-text-transform
and add.list-group-header-title
- Breaking: List Group removed option to configure
$list-group-subtitle-text-transform
and start updating Atlas List Group styles to Clay V2 - Update: Prefix Sass partial imports with an underscore to make it easier to understand which file it's importing
- Update: Toggle Card colors to use Clay V2 colors
- Update: Timeline Icon border color to match Clay V2 colors
- Update: Panel single collapsed panel header shouldn't have rounded bottom borders while collapsing
- Update: Panel single collapsed
.panel-header
in.panel-group
should have rounded corners - Update: Dropdown Item disabled
.btn-link
and.btn-unstyled
should have opacity 1 - Update: Dropdown Item add support for
.btn-link
and.btn-unstyled
- Update: Cards scope
.btn-link
styles to.card-link
- Update: Tables remove generating responsive table sizes, added by BS4
- Update: Atlas Table styles to Clay V2
- Update: Table List single th or td should have borders
- Update: Table List tweak borders
- Update: Table List added styles for
.dropdown-action .dropdown-menu-horizontal
- Update: Dropdown Positions reset will-change property
- Update: Dropdown Unstyled should have no borders
- Update: Add
.table-active
to.show-dropdown-action-on-active
- Update: List Group style
.dropdown-action .dropdown-horizontal
normal and active states - Update: Utilities add positon relative to
.flex-col
- Update: Dropdown Horizontal shouldn't have a min-width
- Update: Lexicon Base Labels should have white background
- Update: List Group set Sticker size to lg and Label size to sm
- Update: Sticker Secondary colors to white and #6B6C7E
- Misc: Update release task to build proper files after file restructuring
- Site: Remove old docs pages Blogs Action, Blogs Appearance, Documents and Media, Best Practices, Extending Cards, Extending List Groups, Form Examples
- Site: Remove documentation relating to Font Awesome
- Site: Site Config replace FA icon with SVG
- Site: Remove Font Awesome imports
- Site: Use atlas-variables import instead of invididually importing
- Site: Use base.scss and base-variables.scss
- Site: Renamed _lexicon.scss to _components.scss
- Site: Import Base files individually
- Site: Use one main.scss file
- Site: Change paths for Lexicon Base Files
- Site: Move Site related scss into site directory
- Site: Demos use {{rootPath}} instead of relative path
- Site: Prefix site related css with
site-
- Site: Remove code hljs code highlighting
- Site: Toggle Switch wrap examples in
.clay-site-form-container
- Site: Toggle Card wrap examples in
.clay-site-form-container
- Site: Panels and Timelines update accordion heading markup
- Site: Form Elements use
.clay-site-form-container
to display form elements - Site: Dropdown include some examples of
.dropdown-item
withbutton
,.btn-link
, and.btn-unstyled
- Site: Multi Step Nav reordered
.multi-step-divider
and added.clay-site-form-container
for displaying form related compnents - Site: Popover / Tooltips swap order and remove extra spacing
- Site: Table move table-responsive to table element and remove some spacing
- Site: Tables to Clay 2 markup
- Site: Nav Tabs update aria attributes
- Site: Panel clean up markup
- Site: Update Nav to use SVG Icons
- Site: Update Nav pills aria attributes and icons to svg
- Site: Lexicon Icons update layout markup to match other pages
- Site: Form Validation added for attribute on labels
- Site: Form Elements keep markup consistent with claycss.com
- Site: Form Custom keep markup consistent with claycss.com
- Site: Form Input Groups keep markup consistent with claycss.com
- Site: List Group update markup with
.show-dropdown-action-on-active
and.dropdown-menu-unstyled
- Site: Test Assorted remove
.header-toolbar
and.nav
examples and add.list-group
- Site: List Group update markup to follow Clay V2 pattern
- New: Popover added option to configure
$popover-inline-scroller-max-height
and update Atlas Popover styles to V2 - New: Popover added option to configure
$popover-header-font-weight
- New: Form Validation added option to configure
$form-feedback-font-weight
,$form-text-color
,$form-text-font-weight
, update.form-text
styles - New: Custom Checkbox and Radio added option to configure
$custom-control-indicator-active-checked-bg
,$custom-control-indicator-active-checked-border-color
- New: Modal added option to configure
$modal-title-font-size-mobile
- New: Button added
.btn-unstyled
for "semantic" markup - New: Modal added option to configure
$modal-header-close-font-size
- New: Panel add option to configure
$panel-collapse-icon-font-size
- New: Panel added
$panel-title-text-transform
, add background-color and border-radius styles to.panel-group
- Breaking: Form Validation rename
.form-control-feedback
to.form-feedback
, rename$form-control-feedback-font-size
to$form-feedback-font-size
, and reorganize selectors - Breaking: Update Bootstrap 4 to 7b873fa0
- Breaking: Remove all references to
.form-control-label
was removed by BS4 uselabel
instead - Breaking: Modal removed
h1
-h6
font overrides, use classes.h1
-.h6
if heading font sizes are really needed - Breaking: Modal removed
$modal-header-close-opacity-modifier
and renamed$modal-header-close-color
,$modal-header-close-font-size
,$modal-header-close-icon-opacity
,$modal-header-close-lexicon-icon-opacity
to$modal-btn-monospaced-color
,$modal-btn-monospaced-font-size
,$modal-btn-monospaced-opacity
respectively - Breaking: Modal removed
.modal-primary-action-button
- Breaking: Modal removed
.modal-inverse
and convert modal variant colors to Sass map$modal-palette
- Update: Fix misaligned
.form-check-input
from 1bb5440 - Update: Atlas Tooltip to Clay V2 styles
- Update: Atlas Pagination active colors
- Update: Form properly align
.form-check-input
after BS4 beta update - Update: Form Validation
.invalid-feedback
and.valid-feedback
fonts should match.form-feedback
- Update: Form
.form-group
and.form-inline-group
shoud beposition: relative
for better positioning of content inside - Update: Alert, Badge, Button, Label, Progress, Sticker to use BS4 map-merge pattern for color palettes
- Update: Alert use BS4 map-merge pattern for
$alert-palette
- Update: Form Validation set Atlas colors, re-add
.has-success
,.has-warning
,.has-error
, and added.form-feedback
,.form-feedback-item
,.form-feedback-indicator
- Update: Form Inline Autofit should always be aligned flex-start
- Update: Form Check Card added hover states and more style updates to card-type-asset / card-type-directory
- Update: Button Monospaced Lexicon Icon's should be centered
- Update: Sticker Lexicon Icon's should be centered
- Update: Lexicon Icon offset vertical spacing for inline block
- Update: Sticker move sticker sizes to mixins for easier overrides
- Update: Badge move badge sizes to mixins for easier overrides
- Update: Label move label sizes to mixins for easier overrides
- Update: Badges padding-y for all badge sizes
- Update: Sticker adjust font sizes for
.sticker-lg
and above - Update: Dropdown simplify
.dropdown-action
styles - Update: Button mixin
component-btn-link
withcursor: pointer
- Update: Breadcrumb added
.breadcrumb-link
for easier styling, usebreadcrumb-link btn btn-unstyled
to style buttons like links in breadcrumb - Update: Btn Unstyled should inherit line-height
- Update: Modal re-add
$modal-header-height
,$modal-header-height-mobile
,$modal-footer-height
,$modal-footer-height-mobile
- Update: Atlas Modal clean up some un-needed variables and update sizing and colors
- Update: Button Monospaced should center content
- Update: Atlas Modal to Clay V2 colors
- Update: Modal use BS4 map-merge pattern for
$modal-palette
and reorganize variables - Update: Progress Bar Lg should be proper height after BS4 beta update
- Update: Atlas Panel styles to Clay V2
- Update: Panel Group middle panels shouldn't have border-radius and headers and footers should have border-radius when border is 0
- Site: Popover added
.inline-scroller
to demos for overflowing content - Site: Grid add link to BS4 grid documentation
- Site: Input Group change input-group-inset demo to use
.btn-unstyled
instead of.btn-link
- Site: Form Custom removed validation examples, they are under Form Validation
- Site: Forms update
.form-check-inline
markup - Site: Form Validation add more examples HTML5 and non HTML5
- Site: Form Validation change
.has-danger
to.has-error
and added.form-feedback-*
to examples - Site: Remove all references to
.form-control-label
- Site: Form Validation add BS4 pattern
- Site: Card update card-type-asset and card-type-directory examples
- Site: Badge add examples with numbers
- Site: Dropdown Action to use
.btn-unstyled
- Site: Breadcrumb add
.breadcrumb-link
and.btn-unstyled
to examples - Site: Alert added example of
.btn-unstyled
- Site: Button added demo of
.btn-unstyled
- Site: Modal update markup to new
.btn-monospaced
, remove btn classes from.close
- Site: Modal change markup to fit Clay V2
- New: Alert added
$alert-close-font-size
,$alert-close-line-height
and.alert .close
should be properly aligned after icon size update - New: Create mixin clay-position to handle positioning items
- New: Added background mixin bg-checkered($fg-color, $bg-color)
- New: Card added
$card-type-directory-sticker-size
- New: Card added
$card-type-asset-label-size
- New: Card added
$card-title-color
,$card-title-font-size
,$card-title-font-weight
,$card-title-margin-bottom
,$card-title-margin-top
- New: Card added
$card-subtitle-color
,$card-subtitle-font-size
,$card-subtitle-font-weight
,$card-subtitle-margin-bottom
,$card-subtitle-margin-top
- New: Card added
.card-type-asset
and.card-type-directory
variants - New: Dropdown added
$dropdown-action-toggle-color
,$dropdown-action-toggle-hover-color
, and added component.dropdown-action
- New: Card added
$form-check-card-checked-box-shadow
- New: Card added
$card-link-text-decoration
and$card-link-hover-text-decoration
- New: Card added
$card-link-hover-color
- New: Input Group added skin
.input-group-secondary
and added$input-group-secondary-addon-bg
,$input-group-secondary-addon-border-* color
,$input-group-secondary-addon-border-width
- Breaking: BS4 renamed
$dropdown-margin-top
to$dropdown-spacer
- Breaking: Update Bootstrap 4 to beta
- Breaking: Remove selectors that reference glyphicon and font awesome
- Breaking: Icons remove %scale-lexicon-icon
- Breaking: Icons renamed
$lexicon-icon-lg-size
,$lexicon-icon-md-size
,$lexicon-icon-sm-size
to$lexicon-icon-xl-font-size
,$lexicon-icon-lg-font-size
,$lexicon-icon-sm-font-size
respectively and renamed.lexicon-icon-md
,.lexicon-icon-lg
to.lexicon-icon-lg
,.lexicon-icon-xl
respectively - Breaking: Remove deprecated function calcLexiconIconPadding
- Breaking: Removed component Crop Img use Aspect Ratio instead
- Breaking: Rename _utilities.scss to _position.scss
- Breaking: Aspect Ratio Item positioning should only use 1 class name and use clay-position mixin
- Breaking: Move _global-functions.scss to lexicon-base/functions
- Breaking: Aspect Ratio moved
.aspect-ratio-* img
styles to.aspect-ratio-item-*
- Breaking: Input Group rename
$input-group-light-addon-bg
,$input-group-light-addon-border-color
,$input-group-light-addon-border-width
,$input-group-light-addon-color
to$input-group-transparent-addon-bg
,$input-group-transparent-addon-border-color
,$input-* group-transparent-addon-border-width
,$input-group-transparent-addon-color
and rename.input-group-light
to.input-group-transparent
- Breaking: Type rename
.truncate-text
to.text-truncate
, was added by BS4 - Breaking: Management Bar remove files, use Navbar instead
- Breaking: Breadcrumb renamed
.breadcrumb-vertical
to.breadcrumb-stacked
, renamed$breadcrumb-vertical-divider
to$breadcrumb-stacked-divider
, and added$breadcrumb-stacked-divider-color
,$breadcrumb-stacked-divider-svg-icon
,$breadcrumb-stacked-divider-svg-icon-height
,$breadcrumb-stacked-divider-svg-icon-width
,$breadcrumb-stacked-divider-spacer-x
- Breaking: Breadcrumb moved svg icon support to
.breadcrumb
and removed.breadcrumb-horizontal
- Breaking: Removed
$legend-border-color
no longer used in BS4 - Update: Remove work arounds fixed by BS4 beta
- Update: Sticker don't use inline-flex and don't need
.lexicon-icon
styles they scale with font size now - Update: Clay SVG Icons should scale with font-size
- Update: Utilities added
.bg-checkered
- Update: Aspect Ratio revert placeholders Sass extend too fragile
- Update: Card reverted
$card-type-directory-sticker-size
and$card-type-asset-label-size
extending is too fragile - Update: atlas-variables.scss and lexicon-base-variables.scss should also import Bootstrap and Lexicon Base mixins
- Update: atlas-variables.scss and lexicon-base-variables.scss should import Lexicon Base Variables
- Update: Aspect Ratio %aspect-ratio-center-middle should actually center content
- Update: Atlas Sticker Lg font size
- Update: Stickers move size styles to placeholder for extending
- Update: Badges and Labels move size styles to placeholder so they are easier to extend
- Update: Atlas Custom Control Indicator background-color should be white
- Update: Card adjust
.card-title
and.card-subtitle
spacing and sizing - Update: Card to Clay V2 styles and reorganize Base card variables
- Update: Dropdown Action button.dropdown-toggle should use component-btn-link mixin
- Update: Card added variants
.card-type-asset
,.card-type-directory
, and moved margin bottom to.form-check-card
from.card
- Update: Card remove -ms- browser prefix on transform, will be covered when autoprefixer is applied
- Update: Form Check Card should also support custom checkbox and radios
- Update: Base set Card Link colors
- Update: (Fixes #355) Progress Bar styles to Clay V2 and BS4 box-shadow mixin doesn't support null values
- Update: Badges and Labels demos with button.close
- Update: Badges and Labels use
button.close
for dismissible ones - Update: Alert Close positions
- Update: Added mixin
component-btn-link
for resetting.btn-link
styles in components - Update: Button Link style as close as possible to normal link
- Update: Breadcrumb add support
.btn-link
- Update: Button Link re-add focus and border-radius styles removed by BS4
- Update: Type removed
.text-*
andbg-*
variant styles, covered by BS4 - Update: Breadcrumb don't need to define text-transform and font-weight for Clay V2 styles
- Update: Breadcrumb styles to Clay V2
- Update: Atlas Form readonly input colors to Clay V2
- Misc: Build and Release tasks should look in lexicon-base/functions when building SVG icons
- Site: Remove references to
.scale-lexicon-icon
- Site: Crop Img deleted component
- Site: Card update aspect-ratios to new classes and add card types
- Site: Aspect Ratio demos to use new positional classes
- Site: Aspect Ratio update examples and docs with new classes
- Site: Separate Crop Img and Aspect Ratio from Images and Thumbnails
- Site: Card update with new card types
- Site: Dropdown add demo of
.dropdown-action
and update aria attributes - Site: Utilities add documentation on how to display inline/float elements inside
.flex-col
- Site: Breadcrumb add examples with
.btn-link
- Site: Input Group add
.input-group-secondary
example and group input group size content together - Site: Input Group rename
.input-group-light
to.input-group-transparent
- Site: Replace all instances of
truncate-text
withtext-truncate
- Site: Breadcrumb remove
.breadcrumb-horizontal
and rename.breadcrumb-vertical
to.breadcrumb-stacked
- Breaking: Forms rename
$input-color-placeholder-focus
,$input-border-color-disabled
,$input-bg-disabled
,$input-color-disabled
,$input-color-placeholder-disabled
,$input-opacity-disabled
,$input-label-color-focus
,$input-color-focus
,$input-box-shadow-focus
,$input-danger-bg-focus
,$input-danger-border-color-focus
,$input-danger-box-shadow-focus
,$input-danger-color-focus
,$input-success-bg-focus
,$input-success-border-color-focus
,$input-success-box-shadow-focus
,$input-success-color-focus
,$input-warning-bg-focus
,$input-warning-border-color-focus
,$input-warning-box-shadow-focus
,$input-warning-color-focus
to$input-placeholder-focus-color
,$input-disabled-border-color
,$input-disabled-bg
,$input-disabled-color
,$input-placeholder-disabled-color
,$input-disabled-opacity
,$input-label-focus-color
,$input-focus-color
,$input-focus-box-shadow
,$input-danger-focus-bg
,$input-danger-focus-border-color
,$input-danger-focus-box-shadow
,$input-danger-focus-color
,$input-success-focus-bg
,$input-success-focus-border-color
,$input-success-focus-box-shadow
,$input-success-focus-color
,$input-warning-focus-bg
,$input-warning-focus-border-color
,$input-warning-focus-box-shadow
,$input-warning-focus-color
- Breaking: Button Group remove old split button dropdown styles and
.btn-monospaced
inside.btn-group-sm
and.btn-group-lg
should have no padding - Breaking: Button Action rename
$btn-fixed-spacer-x
,$btn-fixed-spacer-y
to$btn-action-fixed-spacer-x
,$btn-action-fixed-spacer-y
- Breaking: Button Action restructure css and renamed
.btn-bottom-left
,.btn-bottom-right
,.btn-top-left
,.btn-top-right
to.btn-action-bottom-left
,.btn-action-bottom-right
,.btn-action-top-left
,.btn-action-top-right
respectively - Breaking: Button Action removed
$btn-action-size
,$btn-action-size-mobile
use.btn-monospaced
instead - Breaking: Button rename
$input-btn-font-size-*
to$btn-font-size-*
- Breaking: Alert rename
$alert-lead-margin-right
to$alert-lead-spacer-x
and add spacing between lexicon-icon's and leads - Breaking: Move
.rounded
border radius utilities to _utilities.scss - Breaking: Sticker renamed
$sticker-gutter-width
to$sticker-inside-offset
, added$sticker-outside-offset
,$sticker-outside-offset-sm
,$sticker-outside-offset-lg
, and sticker sizes should be positioned better with.sticker-outside
- Breaking: Atlas globals removed
$box-shadow-default-*
- Breaking: Remove global
$inverse-*
variables - Breaking: Sidebar rename
.sidebar-inverse
,.sidebar-inverse-bg
to.sidebar-dark
,.sidebar-dark-bg
- Breaking: Sidebar rename
$sidebar-inverse-*-*
to$sidebar-dark-*-*
- Breaking: Dropdown rename
$dropdown-sub-header-*
to$dropdown-subheader-*
and rename.dropdown-sub-header
to.dropdown-subheader
to keep inline with BS4 naming - New: Form Select Element added
$input-select-icon-disabled-color
,$input-select-icon-disabled
- New: Form Label added option to configure
$input-label-disabled-color
- New: Lexicon Icons autosize, custom-size, order-arrow, and pages-tree
- New: Dropdown added
$dropdown-link-active-font-weight
- New: Button Toolbar added
$btn-toolbar-spacer-x
,$btn-toolbar-spacer-y
- New: Button added
.btn-monospaced
and options to configure$btn-monospaced-size
,$btn-monospaced-size-xl
,$btn-monospaced-size-lg
,$btn-monospaced-size-sm
,$btn-monospaced-size-mobile
,$btn-monospaced-size-xl-mobile
,$btn-monospaced-size-lg-mobile
,$btn-monospaced-size-sm-mobile
- New: Label added
$label-anchor-text-decoration
,$label-anchor-hover-text-decoration
- New: Alert added
$alert-close-margin-left
- New: List Group rename
.list-group-heading
to.list-group-header
and add.list-group-subtitle
- New: List Group re-add
$list-group-header-bg
,$list-group-header-color
,$list-group-header-font-weight
and add$list-group-header-font-size
,$list-group-header-padding-x
,$list-group-header-padding-y
,$list-group-header-text-transform
,$list-group-subtitle-color
,$list-group-subtitle-font-size
,$list-group-subtitle-font-weight
,$list-group-subtitle-text-transform
- New: Dropdown added
$dropdown-horizontal-min-height
- New: Panel added
$panel-header-offset-border-radius
,$panel-footer-offset-border-radius
to handle bleeding panel-header backgrounds over border - Fix: Form Inline Autofit form-control overflowing in FF
- Update: Atlas Toggle Switch colors to Clay V2
- Update: Atlas Custom Forms to Clay V2 styles
- Update: Form styles to Clay V2
- Update: Forms don't output input font-sizes if global
$font-size-*
is the same as$input-font-size-*
- Update: Atlas Dropdown to Clay V2 styles
- Update:
.btn-group-lg
and.btn-group-sm
styles should apply to nested.btn-groups
- Update: Button colors and sizes to Clay V2
- Update: Sticker sizes and colors to Clay V2
- Update: Atlas Label styles to match Clay V2
- Update: Atlas Badge to Clay V2 styles
- Update: Fixes(#356) More Atlas Alert to Clay V2 color updates
- Update: Atlas global theme colors to Clay V2 colors
- Update: Sticker with border radius utilities should apply to
.img-fluid
- Update: Sticker font-size shouldn't inherit from Label component
- Update: Sticker use flexbox to center content, remove overflow: hidden, and add border-radius to
.img-fluid
inside.sticker
- Update: Timelines Atlas variables shouldn't rely on
$inverse-*
variables - Update: Sidebar Atlas variables shouldn't rely on
$inverse-*
variables - Update: Dropdown
.dropdown-subheader
's should be vertically centered in.dropdown-menu-horizontal
- Update: List Group removed commented code
- Update: Atlas md and xl breakpoints for
.container
and.container-fluid-max-*
to 800px and 1280px respectively - Update: Dropdown Horizontal shouldn't have margin top
- Update: Lexicon Base Panel change info header color
- Update: Atlas Panels color to make it look like V1
- Breaking: Dropdown removed
$dropdown-padding-bottom
,$dropdown-padding-left
,$dropdown-padding-right
,$dropdown-padding-top
- Breaking: Rename
$inline-scroller-height
to$inline-scroller-max-height
- Breaking: Revert
$dropdown-section-color
and$dropdown-section-font-size
sometimes we don't want.dropdown-section
styles to bleed into components nested inside - Breaking: Breadcrumb move truncating text to
.breadcrumb-text-truncate
- Breaking: Input Group Inset added
.input-group-inset-left
to align inset content on the left - Breaking: Input Group removed
.input-group-insert
multiple addons and buttons are supported now - Breaking: Forms renamed
$input-select-icon-color-focus
to$input-select-icon-focus-color
and reverted-select-focus-bg
to$input-select-focus-bg
to follow BS4 naming pattern - Breaking: Input Group removed
$input-group-constrain-line-height
,$input-group-constrain-line-height-lg
,$input-group-constrain-line-height-sm
- Breaking: Input Groups should size with
$input-height
- Breaking: Rename
.input-group-default
to.input-group-light
and remove.input-group-addon-content
- Breaking: Removed Toolbar component
- Breaking: Consolidate Nav Tabs with Nav
- Breaking: Move BS4 grid in nav-tabs styles to Nav component and added
.nav-text-truncate
- Breaking: Nav Tabs removed
.nav-tabs-scroll
- Breaking: Nav Tabs removed
.nav-tabs-default
- New: Dropdown added
$dropdown-alert-font-size
,$dropdown-alert-line-height
,$dropdown-alert-margin
,$dropdown-alert-padding-x
,$dropdown-alert-padding-y
and more spacing issues with alerts in dropdowns - New: Alert added
.alert-fluid
and option to customize$alert-fluid-border-width
- New: Dropdown added
.dropdown-menu-indicator-start
,.dropdown-menu-indicator-end
,.dropdown-item-indicator
, and added options to configure$dropdown-item-indicator-size
,$dropdown-item-indicator-spacer-x
- New: Dropdown added option to configure
$dropdown-inline-scroller-max-height
,$dropdown-inline-scroller-max-height-mobile
and update dropdown sizes so it fits in mobile - New: Dropdown added option to configure
$dropdown-header-padding-x
,$dropdown-header-padding-y
- New: Dropdown added
.dropdown-sub-header
,.dropdown-caption
, and options to customize$dropdown-sub-header-color
,$dropdown-sub-header-font-size
,$dropdown-sub-header-font-weight
,$dropdown-sub-header-text-transform
,$dropdown-caption-color
,$dropdown-caption-font-size
,$dropdown-caption-font-weight
- New: Dropdown added
$dropdown-section-color
,$dropdown-section-font-size
- New: Breadcrumb added option to configure
$breadcrumb-text-truncate-icon-spacer-x
- New: Breadcrumb added option to configure
$breadcrumb-text-truncate-max-width
,$breadcrumb-text-truncate-max-width-mobile
- New: Alert added
$alert-border-style
and split up border properties to allow for more granular control of styles through variables - New: Input Group Constrain added option to configure
$input-group-constrain-max-width
,$input-group-constrain-max-width-mobile
- New: Forms added option to configure
$input-height-inner-mobile
,$input-height-inner-lg-mobile
,$input-height-inner-sm-mobile
and.input-group
items should size with$input-height
's - New: Input Group added option to configure
$input-group-addon-padding-*-*
and fix Input Group Sizing styles caused by BS4's use of extend - New: Forms added option to configure
$input-padding-x-lg
,$input-padding-y-lg
,$input-padding-x-sm
,$input-padding-y-sm
- New: Lexicon Icons envelope-open and envelope-closed
- New: Added component
.nav-underline
- New: Nav Tabs added option to configure
$nav-tabs-link-show-color
,$nav-tabs-link-show-border-color
, removed$nav-tabs-justified-link-border-color
, and renamed$nav-tabs-active-link-color
to$nav-tabs-link-active-color
- Update: Atlas dropdown widths
- Update: Dropdown adjust spacing for alerts in dropdowns
- Update: Custom Control line-height should also apply to Lexicon Base
- Update: Dropdown
.custom-control
's in.dropdown-item
should be properly spaced - Update: Dropdown re-add
.dropdown-menu-top
,.dropdown-menu-top-right
,.dropdown-menu-top-center
, and.dropdown-menu-center
positional classes - Update: Move
.inline-scroller
to utilties and create _utilities.scss variable file - Update: Dropdown removed
$dropdown-item-padding-y
from Lexicon Base was added by BS4, removed$dropdown-link-padding
doesn't exist in BS4 - Update: Fixes #344 Dropdown re-add dropdown menu positions (not compatible with popper.js positioning)
- Update: Breadcrumb text-transform shouldn't bleed into dropdowns
- Update: Breadcrumb text-decoration should work with BS4 global variable
- Update: Breadcrumb add support for
.text-truncate
inside.breadcrumb-item > a
- Update: Breadcrumb add dropdown support inside
.breadcrumb-item
- Update: Nav Nested shouldn't wrap if nav is longer than container
- Update: Input Group Inset values should be more dynamic
- Update: Input Group convert to scale component mixin and
.input-group-addon-constrain
should use$input-padding-x
- Update: Nav Nested should be
flex-direction: column
by default - Update: Nav Underline adjust left and right positions to match other component highlights
- Messed up alpha.1 release
- Breaking: Lots of changes/additions to class names and Sass variable names (to be documented in more detail).
- Breaking: Replaced Tether.js with Popper.js
- Breaking: Update to Bootstrap 4 a362d62
- Breaking: Lots of changes/additions to class names and Sass variable names (to be documented in more detail).
- Breaking: Use flexbox instead of floats.
- Breaking: Convert units from
px
torem
. - Breaking: Convert Alerts, Buttons, Breadcrumbs, Dropdowns, Form Elements, Input Groups, Form Validation, Navbar, Management Bar, Modals, Navs, Nav Tabs, Pagination, Popovers, Tooltips to Bootstrap 4.
- Breaking: Dropping IE9 support.
- Breaking: Update from Bootstrap 3 to Bootstrap 4 commit 33715a7.
- New: Added Lexicon SVG Icons
add-role.svg
andremove-role.svg
- New: Progress Bar add option to customize
$progress-bar-font-size
- New: Progress Bar add option to customize progress bar container
$progress-box-shadow
- New: Progress Bars add option to customize
$progress-bar-box-shadow
,$progress-bar-height
- New: Pagination add option to customize border-radius of pagination-sm and pagination-lg independent of global border-radius variables
- New: Pagination add option to customize
$pagination-items-per-page-bg
- New: Pagination add option to customize
$pagination-items-per-page-border
- New: Pagination add options to customize
$pagination-items-per-page-color
$pagination-results-color
to Lexicon Base - New: Atlas Navbar Collapsible Search added options to customize
$navbar-default-collapsible-search-highlight
$navbar-inverse-collapsible-search-highlight
- New: Navbar Default and Navbar Inverse Collapsible Search added options to customize
$navbar-default-collapsible-search-btn-default-bg
,$navbar-default-collapsible-search-btn-default-border
,$navbar-default-collapsible-search-btn-default-color
,$navbar-default-collapsible-search-input-bg
,$navbar-default-collapsible-search-input-border
,$navbar-default-collapsible-search-input-color
,$navbar-default-collapsible-search-input-placeholder-color
,$navbar-inverse-collapsible-search-btn-default-bg
,$navbar-inverse-collapsible-search-btn-default-border
,$navbar-inverse-collapsible-search-btn-default-color
,$navbar-inverse-collapsible-search-input-bg
,$navbar-inverse-collapsible-search-input-border
,$navbar-inverse-collapsible-search-input-color
,$navbar-inverse-collapsible-search-input-placeholder-color
- New: Dropdowns added option to customize
$dropdown-menu-min-height
- New: Dropdowns added options to customize
$dropdown-padding-bottom
,$dropdown-padding-left
,$dropdown-padding-right
,$dropdown-padding-top
- New: Dropdowns add option to customize
$dropdown-menu-min-width
- New: Dropdowns add options to customize
$dropdown-font-size
,$dropdown-menu-max-width
in Lexicon Base - New: Dropdowns add option to customize
$dropdown-box-shadow
in Lexicon Base - New: Dropdowns add option to customize
$dropdown-border-style
,$dropdown-border-width
- New: Management Bar add option to customize
$management-bar-dropdown-menu-margin-top
- New: Management Bar add option to customize
$management-bar-default-box-shadow
- New: Atlas added options to customize
$navbar-default-collapsible-search-focus-border
,$navbar-inverse-collapsible-search-focus-border
- Update: Atlas change checkbox height to 14px in webkit browsers
- Update: Atlas Checkbox and Radio Label should use
$input-label-font-weight variable
- Update: Atlas add
$line-height-computed
to _globals.scss and use in$input-checkbox-label-line-height
,$management-bar-link-line-height
- Update: Pagination rename
$pagination-border-radius-lg
,$pagination-border-radius-sm
to$pagination-lg-border-radius
,$pagination-sm-border-radius
added in 4be569 respectively - Update: pagination-items-per-page dropdown-toggle should use
$pagination-item-padding
- Update: Pagination border radius should apply to pagination-items-per-page
- Update: Pagination
$pagination-hover-color
should inherit from$pagination-color
- Update: Atlas Navbar Collapsible Search rename
$navbar-default-collapsible-search-focus-border
,$navbar-inverse-collapsible-search-focus-border
to$navbar-default-collapsible-search-focus-highlight
,$navbar-inverse-collapsible-search-focus-highlight
added in d082a7d respectively - Update: Atlas navbar-default-border-widths should inherit from navbar-border-widths
- Update: Lexicon Base
$dropdown-link-padding
should change the padding on dropdown links - Update: Lexicon Base Dropdowns
$dropdown-header-font-size
should change the font-size of .dropdown-header
- New: Breadcrumbs add options to customize
$breadcrumb-link-hover-color
,$breadcrumb-link-text-decoration
,$breadcrumb-link-hover-text-decoration
- New: Breadcrumbs add options to customize
$breadcrumb-separator-font-weight
,$breadcrumb-active-font-weight
- New: Breadcrumbs add option to customize
$breadcrumb-border-radius
independent of global border-radius - New: Lexicon Base Breadcrumbs add options to customize
$breadcrumb-font-size
,$breadcrumb-font-weight
,$breadcrumb-text-transform
,$breadcrumb-link-color
and remove unnecessary variable exists checks - New: Lexicon Base Table List add option to customize
$table-header-font-size
,$table-header-font-weight
,$table-header-min-height
- New: Lexicon Base Table List add option to customize
$table-list-body-row-bg
- New: Table List add option to customize
$table-list-font-size
- New Table List add options to customize
$table-list-header-bg
,$table-list-header-border-bottom-width
,$table-list-header-font-size
,$table-list-header-font-weight
,$table-list-header-min-height
,$table-list-header-vertical-alignment
- New: Tables add option to customize
$table-list-color
- New: Tables add option to customize
$table-list-link-color
,$table-list-link-color-hover
- New: Panels added options to customize
$panel-danger-footer-bg
,$panel-danger-footer-border
,$panel-danger-footer-text
,$panel-default-footer-bg
,$panel-default-footer-border
,$panel-default-footer-text
,$panel-info-footer-bg
,$panel-info-footer-border
,$panel-info-footer-text
,$panel-primary-footer-bg
,$panel-primary-footer-border
,$panel-primary-footer-text
,$panel-success-footer-bg
,$panel-success-footer-border
,$panel-success-footer-text
,$panel-warning-footer-bg
,$panel-warning-footer-border
,$panel-warning-footer-text
- New: Lexicon Base add option to customize spacing between panels in panel-group
$panel-group-panel-spacer
- New: Lexicon Base Collapse Icon add options to customize icon position
$collapse-icon-padding-left
,$collapse-icon-padding-right
,$collapse-icon-position-bottom
,$collapse-icon-position-left
,$collapse-icon-position-right
,$collapse-icon-position-top
- New: Added option to customize
$sticker-border-radius
- New: Lexicon Base and Atlas add option to customize text-decoration on links inside labels and badges
- New: Lexicon Base Labels add hover states for links inside label
- New: Lexicon Base Badges added options to customize
$badge-border-style
,$badge-border-width
,$badge-danger-bg
,$badge-danger-border
,$badge-danger-color
,$badge-default-bg
,$badge-default-border
,$badge-default-color
,$badge-default-link-color
,$badge-info-bg
,$badge-info-border
,$badge-info-color
,$badge-primary-bg
,$badge-primary-border
,$badge-primary-color
,$badge-success-bg
,$badge-success-border
,$badge-success-color
,$badge-warning-bg
,$badge-warning-border
,$badge-warning-color
,$badge-danger-hover-bg
,$badge-danger-hover-border
,$badge-danger-hover-color
,$badge-default-hover-bg
,$badge-default-hover-border
,$badge-default-hover-color
,$badge-info-hover-bg
,$badge-info-hover-border
,$badge-info-hover-color
,$badge-primary-hover-bg
,$badge-primary-hover-border
,$badge-primary-hover-color
,$badge-success-hover-bg
,$badge-success-hover-border
,$badge-success-hover-color
,$badge-warning-hover-bg
,$badge-warning-hover-border
,$badge-warning-hover-color
- New: Lexicon Base Labels added options to customize
$label-border-style
,$label-border-width
,$label-danger-border
,$label-danger-color
,$label-danger-hover-bg
,$label-danger-hover-border
,$label-danger-hover-color
,$label-default-border
,$label-default-color
,$label-default-hover-bg
,$label-default-hover-border
,$label-default-hover-color
,$label-info-border
,$label-info-color
,$label-info-hover-bg
,$label-info-hover-border
,$label-info-hover-color
,$label-primary-border
,$label-primary-color
,$label-primary-hover-bg
,$label-primary-hover-border
,$label-primary-hover-color
,$label-success-border
,$label-success-color
,$label-success-hover-bg
,$label-success-hover-border
,$label-success-hover-color
,$label-warning-border
,$label-warning-color
,$label-warning-hover-bg
,$label-warning-hover-border
,$label-warning-hover-color
- Fix: Tables content in first and last td should be vertically aligned to other components if its not a checkbox or dropdown
- Fix: Font Awesome and Glyphicon font sizes in badges and labels
- Update: Deprecate
$table-header-color
- Update: Stickers remove unnecessary null value check on sticker states color property
- Update: Deprecate
$badge-default-link-color
uses$badge-default-color
instead - Update: Form help-block font-size should be 14px
- New: Lexicon Base and Atlas added options to customize input state colors
$input-danger-bg
,$input-danger-bg-focus
,$input-danger-border
,$input-danger-border-focus
,$input-danger-box-shadow
,$input-danger-box-shadow-focus
,$input-danger-color
,$input-danger-color-focus
,$input-danger-checkbox-label-color
,$input-danger-label-color
,$input-success-bg
,$input-success-bg-focus
,$input-success-border
,$input-success-border-focus
,$input-success-box-shadow
,$input-success-box-shadow-focus
,$input-success-color
,$input-success-color-focus
,$input-success-checkbox-label-color
,$input-success-label-color
,$input-warning-bg
,$input-warning-bg-focus
,$input-warning-border
,$input-warning-border-focus
,$input-warning-box-shadow
,$input-warning-box-shadow-focus
,$input-warning-color
,$input-warning-color-focus
,$input-warning-checkbox-label-color
,$input-warning-label-color
- New: Lexicon Base added options to customize
$input-bg-focus
,$input-box-shadow
,$input-box-shadow-focus
,$input-color-focus
,$input-color-placeholder-focus
,$input-font-size
,$input-padding-horizontal
,$input-padding-vertical
- New: Lexicon Base add option to customize
$input-textarea-height
- New: Lexicon Base and Atlas added option to customize
$input-color-disabled
,$input-opacity-disabled
,$input-placeholder-color-disabled
. Removed redundant selectorselect[disabled].form-control
. - New: Lexicon Base added options to customize
$input-label-color
,$input-label-focus-color
,$input-label-font-size
,$input-label-font-weight
,$input-label-margin-bottom
- Fix: Atlas input-font-size (mobile) is always 16px
- Update: Bootstrap to 3.3.7
- Update: Atlas add option to customize
$input-group-default-addon-content-border-bottom-width
- Update: Atlas deprecate
$btn-lg-border-radius
,$btn-sm-border-radius
,$btn-xs-border-radius
, use$btn-border-radius-large
,$btn-border-radius-small
,$btn-border-radius-extra-small
respectively - Update: Atlas remove border-radius property from .form-control.input-lg and .form-control.input-sm duplicates Bootstrap
- Update: Atlas remove unnecessary null value check on
$input-select-bg
and$input-select-focus-bg
- Update: Atlas color select element icons with
$input-select-icon-color
and$input-select-icon-focus-color
- Update: Atlas Select element icon positions and backgrounds should be more customizable
- Update: Atlas Select element icon should be more customizable
- Site: Test Assorted Page added Badge and Label examples with Font Awesome and Glyphicons
- Site: Added Badges and Labels examples to Test Page
- Site: Remove btn-toolbar from Button Dropups demo
- Fix: Some icon variables are missing the default flag
- Update: Atlas Pagination items should account for large numbers
- Update: Don't rely on @extend in Bootstrap to size Help Icon in Input Groups
- Update: Move management-bar-toggle-height to variable
- Update: Badges check for atlas-theme instead of badge-default-bg since there are other variables in the block
- Update: Tabular-list-group move bg-color from rows to cells
- Site: Add Paginator with big numbers to Test Assorted page
- Site: Extending List Groups page change vertical ellipsis to links
- Site: Remove uneeded attributes from Sidebar Navbar demo in Test Assorted
- Site: Remove type="button" from pagination dropdown-toggle in Blog Action and Documents and Media demo
- Site: Remove type="button" from dropdown-toggle in Pagination demo
- Fix: Nameplates interpolate $screen-xs-max variable inside mixin nameplate-label-autofit
- Fix: Tabular-list-group and tabular-list-group-unstyled should fill its container width
- Fix: Long text in badges and labels should break to new line and be constrained to its container
- Update: Panels in card styles
- Update: Sidebar adjust data-list spacing and break-word sidebar-block
- Update: Add clearfix to sidebar-header
- Site: Add Panel in Card example to Test Assorted page
- Site: Add example of badge with long text in test assorted
- Site: Update sidebar dl examples
- New: Tabular-list-group-unstyled
- New: Added
.sidebar-actions
,.sidebar-title
,.sidebar-caption
,.sidebar-block
classes to Sidebar - Fix: #290 table-striped and table-hover should work with table-list
- Update: Change toggle-switch-bar min-height to height
- Update: #289 Add nowrap in toggle label
- Update: Toggle Switch remove uneeded margin-left on :checked .toggle-switch-handle:after
- Update: Move deprecated list-group styles to list-group-deprecated
- Update: Add styles for case
.sidebar-actions > li > span > a
- Update: Add styles for a.sidebar-title case
- Site: Update list-group docs with tabular-list-group-unstyled and add tabular-list-group-unstyled to sidebar
- Site: Update pages with Sidebar demos
- Breaking: Nameplates move some hard coded css values to variables, remove selectors .nameplate-content h# and .nameplate-content small, move auto fitting nameplates to .nameplate-label-autofit-xs-max
- Breaking: Remove unused slider component from Atlas
- New: Added input-group-constrain and input-group-insert to Input Groups
- Fix: Atlas form-validation select[multiple] should have no dropdown icon
- Fix: Toggle Switch data-label-off and data-label-on text positioning in Firefox
- Fix: Atlas mobile navbar search close button shouldn't overlap input border
- Fix: Really long text inside fieldsets should break to new line
- Fix: Atlas management-bar dropdown is misaligned a little bit
- Fix: Chrome rendering issue with responsive-tables and td position relative
- Update: Increase Management Bar Item Title max-width to 180px
- Update: Truncate Text in Tabular List Group should break to new line in IE9
- Update: Make Toolbars easier to use
- Update: Move deprecated list-group components to _list-group-deprecated.scss
- Update: Deprecate list-group-card variables
- Update: Deprecate
$toolbar-group-padding-horizontal
and$header-toolbar-padding-horizontal
- Update: Deprecate Lexicon mixins
color-toggle-switch-bar()
,color-toggle-switch-button()
,color-toggle-switch-bar-icon()
, andcolor-toggle-switch-button-icon()
- Update: Move Atlas scaffolding styles to type
- Update: Input Group Constrain should be sized properly with input-group-lg and input-group-sm
- Update: Move Input Group focus, hover, and basic-search-close z-index to variables
- Update: Sidebar Navbar to apply to other container-fluid classes e.g. container-fluid-1280
- Update: Using the transparentize built in function so we can more easily see what the hex values are
- Update: Dropdown border-color to use rgba
- Update: Optimize Form Validation for better IE9 support
- Update: Optimize Input Groups for better IE9 support
- Update: Optimize Nameplates for better IE9 support
- Update: Optimize Popovers for better IE9 support
- Update: Optimize Toggle Switch for better IE9 support
- Update: Optimize Toolbars for better IE9 support
- Update: Optimize Tooltip for better IE9 support and deprecate
$tooltip-inner-max-width
- Update: Optimize User Icons for better IE9 support
- Site: Add select[multiple] examples to Form Validation page
- Site: Update nameplate demos to include more use cases and update code examples
- Site: Move deprecated List Groups to bottom and add IE9 exception
- Site: Update Toolbars documentation with better examples
- Site: Update User Icon code examples
- Site: Add input-group-constrain sizes to Test Assorted
- Site: Input Groups page add docs for input-group-constrain and input-group-insert and Source Format
- Site: Test Assorted page add case for input-group-constrain and input-group-insert
- Site: Add Input Groups examples to Test Assorted
- Site: Forms Add really long text example to fieldset demo
- Site: Update table-list demo in Test Assorted to include more content
- New: Lexicon text-editor icon
- Fix: Checkbox alignment in list-group-item-field
- Fix: More Checkbox alignment in Management Bar, Cards, and List Group
- Fix: Checkbox and Radio alignment in Management Bar
- Fix: Navbar alignment in Sidebar
- Fix: Lexicon Icon alignment in Labels
- Fix: Label icon styles bleed into Checkbox Card
- Update: Removing plus sign from Lexicon moon icon
- Update: Deprecate @mixin select-box-icon($color)
- Update: Deprecate @mixin style-figcaption()
- Update: Figures move font-weight and padding values to variables, add figcaption-middle
- Update: Special spacing only for Checkboxes and Dropdowns in td:first-child and td:last-child
- Update: More Cards optimization for better IE9 support and source formatting
- Update: More optimizations to Icons for better IE9 support
- Update: Optimize Button Groups for better IE9 support
- Update: Optimize Figures for better IE9 support
- Update: Optimize Forms for better IE9 support
- Update: Optimize Modals for better IE9 support
- Update: Optimize Nav Tabs for better IE9 support
- Update: Optimize Pagination for better IE9 support
- Update: Optimize Panels for better IE9 support, move some hard coded values to variables, and source formatting
- Update: Optimize Progress Bars for better IE9 support
- Update: Optimize Sidebar for better IE9 support
- Optimize: Side Navigation for better IE9 support
- Update: Optimize Tables for better IE9 support
- Update: Optimize Typography for better IE9 support
- Site: Update Documents and Media example page and add more examples to Test Assorted
- Site: Update Figures docs
- Site: Update Typography docs
- Site: Add Modal demo to Assorted Visual Tests
- Site: Add Table example without Checkbox or Dropdown in Test Assorted
- Update: Align reference-marks and icons inside control-label
- Update: Reset border styles when using nav-tabs in navbar
- Site: Add more examples of reference marks and icons inside control-label
- Breaking: Atlas dropdown menu no longer truncates text
- Breaking: Renaming get-lx-svg-icon to lx-icon
- New: Typography class reference-mark for adding reference marks next to text
- Fix: Management Bar height should include borders
- Fix: Rename get-lx-svg-icon to lx-icon in forms and breadcrumbs
- Fix: Collapsible search should transition for browsers that support css transitions
- Update: Rebuild svg icon scss map
- Update: Lexicon SVG icons add attribute width and height to svgs for use with background-image
- Update: $color should be added on lexicon-icon-outline and width and height are needed for IE
- Update: Management bar styles should win over nav styles
- Update: Deprecate unused Atlas dropdown variables
- Update: Deprecate list-group-card, tabular list group states, detailed-list-view and add option to disable these
- Update: Adding the ability to use any lexicon icon and build the scss map from the icons directory
- Update: Optimize alerts for better IE9 support
- Update: Optimize badges and labels css selectors
- Update: Optimize breadcrumbs css, add breadcrumb-horizontal, use svg for breadcrumb separator
- Update: Optimize buttons for better IE9 support
- Update: Optimize dropdowns for better ie9 support
- Update: Optimize list-groups for better IE9 support
- Update: Optimize management bar for better IE9 support
- Update: Optimize nav component for better IE9 support
- Update: Optimize Navbar for better IE9 support
- Update: Optimize Pager for better IE9 support
- Update: Deprecate color-placeholder mixin in favor of Bootstraps placeholder mixin
- Site: Add reference-mark example to typography and update pages that need it
- Site: Fix typo at progress bar
- Site: Update Navbar demos to include more cases
- Site: Update Add Button demo to a better use case
- Site: Document Lexicon SVG functions
- Site: Clean up documents and media demo
- Site: Update list-group-card demos, update tabular list group code example, and reorder list-group demos
- Site: Update buttons demos
- Site: Add breadcrumb-horizontal demo
- Site: Font awesome use css import for better ie9 support
- Misc: Add minimum node.js version (v4.6.0 LTS) to readme
- Misc: Minimize property access
- Breaking: Remove dropdown-left-side, right-side, and top use cases from navbar
- Breaking: Removed support for contextual buttons (btn-primary, btn-danger, btn-warning, etc) in management bar
- Fix: Collapsible Search should work for browsers that don't support css transitions
- Fix: Atlas table heading font weight and font size should only apply to bootstrap tables
- Update: Change checkbox and radio cursor to pointer
- Update: Atlas move modal-footer box shadow to variable
- Update: Optimize css dropdown selectors
- Update: Reduce card css selectors
- Update: Add sticker color variables
- Update: Reduce number of css selectors for icon-monospaced with font awesome icons
- Update: Reduce number of selectors in management bar
- Site: Add more cases to dropdown demos
- Site: Fix alignment on collapsible search navbar examples
- Site: Sidenav should work on Blog Appearance and Blog Actions pages
- Fix: Word-wrap should work on card-col-content
- Update: Horizontal card first and last columns should have border radius
- Update: icon-monospaced should work for Font Awesome icons if class is on the same element
- Update: Modal text should change color based on theme
- Update: Modal Close button should change color based on theme
- Update: Remove keyword screen from media-queries
- Update: Use variable $default-text to set panel-default heading and footer text
- Site: Margin on pre element throws off code panel slide animation
- Site: Cards page use stickers inside horizontal card demos
- Site: _site.scss doesn't use atlas variables
- Site: Remove keyword screen from media-queries
- Breaking: Remove Bourbon dependency from Lexicon Base and Atlas
- New: Add lx-color-by-lightness function
- Fix: Atlas input-group-lg help-icon should be fully underlined
- Update: Deprecate calcLexiconIconPadding, and move global functions to having an 'lx-' prefix (and also, normalizing function name style)
- Update: Move functions to separate file so they can be used in variables
- Update: Move help-icon-default colors to variables and calculate color, hover color based on background
- Update: Deprecate
size-user-icon()
mixin - Update: Comments to sass comments
- Site: Header Toolbar demo sidenav should be open
- Site: Remove Bourbon dependency from sites
- Misc: Removing bourbon devDependencies
- Fix: Center linear loader icon inside button and styles should apply to anchor tags with btn class
- Fix: Loader icon colors should change color based on theme
- Fix: management-bar-default color bleeds into dropdowns
- Fix: solved unclosed line 32
- Fix: Lexicon Icon vertical alignment in sticker component
- Update: Bootstrap mixins shouldn't overwrite Bourbon mixins
- Update: Move Atlas mixins to Lexicon Base
- Update: Remove duplicate user-icon mixins from Atlas
- Update: Management Bar btn-default should inherit colors from Bootstrap
- Update: Lexicon Base card component add $fallback-border and $border-style
- Update: Scrollbar in IE covers content
- Site: Code examples should only have one background color
- Site: Fix Nav Tabs Grid code panel
- Site: Use svg icons in the heading links
- Site: Progress bar demo page update progress bar sizes titles
- Site: Progress bar demo page fix example code collapsible panel
- Site: Site header should be aligned with main nav
- Site: siteConfig button should be in container in large screens
- Site: Add more examples of lexicon icons in sticker component
- Misc: Update readme
- Misc: Reload page after changes
- Misc: Add browser-sync static file server
- Misc: Show sourcemap contents
- Misc: We need to patch the variables file before we publish to NPM (otherwise, the files throw errors when including the sass files)
- New: adding 2 new icons (organizations and password-policies)
- Update: thickening the user and users icon
- Update: sidenav-js-fouc should hide only the sidenav
- Update: icon-monospaced should work on an icon if it is a direct parent
- Update: Checkboxes in card should be vertically centered
- Site: Update icon-monospaced doc and add example of icon wrapped by icon-monospaced in management bar
- Misc: Setting artifactName back to the proper one
- Update: Adding new icons
- mobile-device-rules.svg
- page-template.svg
- shortcut.svg
- site-template.svg
- vocabulary.svg
- Site: Removing unneeded files
- Misc: Forgot to include a README and CHANGELOG in published NPM package (will be there on next publish)
- Misc: Since this info can live in the package.json, and it's not updated frequently, we can just pluck out all of the fields from the root package.json
- Misc: Excluding the website specific items
- Misc: We can replace the index.js at the root and just use it as the template to include
- Misc: Making the package private to prevent accidental publishing
- Misc: Moving the clean to happen at the start
- Breaking: Move navbar-collapse-absolute from navbar-collapse to navbar
- Update: Table-responsive should use momentum based scrolling for touch devices
- Site: Update navbar-collapse-absolute docs
- Breaking: Move sidebar-header-actions link colors to separate variables
- Update: Card-horizontal should use card styles
- Site: Update sidenavs to use sidebar-header-actions
- Fix: Sidenav-right js api should animate properly on android
- Fix: Panel-title should break-word not break-all
- Fix: Table-heading-nowrap should work on .table-cell-content in thead
- Breaking: Sidenav should use open instead of closed to display nav, reduce specificity, active class should be removed from toggler
- Breaking: Remove table-responsive-flip and table-responsive-collapse
- Breaking: Remove card focus styles
- Breaking: Remove card-col-*
- Breaking: Cards remove card-header, card-footer, card-section
- Fix: Side Navigation mobile bug introduced in 4a3ae4f
- Fix: Atlas navbar collapse-basic-search focus style extends too far right
- Fix: path/url issues on Windows when building
- Fix: Cards to use dropdown bg color (otherwise, dark themes don't properly display cards)
- Update: truncate-text and table-cell-content older browser css fallback
- Update: Card Simple Grid to work with truncate-text without clamp component
- Update: Add fallback for truncated text inside tables
- Update: Alert Notification should use max-width
- Update: Reduce simple side nav default width to 320px and remove body-fixed class
- Update: Tables make truncate-text work without clamp component
- Update: Table-list text color
- Update: Add table-autofit and table-heading-nowrap to tables
- Update: Adding new Lexicon icons
- Update: card-block should break really long words
- Update: Cards don't use class*= selector, reorganize card scss, and add card-block
- Update: Nested card-rows in checkbox-card have space for checkbox
- Update: Cards add class card-block
- Update: Side Navigation add class sidenav-js-fouc to avoid flash of unstyled content
- Update: Side Navigation support for RTL
- Site: Update sidenav demos to use open class
- Site: Remove clamp component from card demos and horizontal cards with images should work in ie10
- Site: Tables remove clamp component and table-cell-field from table demos
- Site: Update table docs with table-autofit and table-heading-nowrap
- Site: Update card docs with changes
- Site: Update sidenav docs and pages using side-navigation
- Breaking: Remove tab-groups component
- Update: Collapsible Search should work with RTL
- Update: Create radio-card
- Update: Radio input in chrome is off by 1px
- Site: Add check-source-formatter custom config
- Site: Remove reference to Bourbon 3.2.1 bug in Progress Bars
- Site: Update cards docs to include radio-card
- Breaking: Remove label-monospaced use stickers instead
- Breaking: Remove badge-monospaced use stickers instead
- Breaking: Remove card-dm and toggle-card-dm styles
- Fix: IE text in card not truncating
- Fix: Side Navigation animation when changing orientation from landscape to portrait
- Update: Add sticker positional classes that match other components e.g. checkbox-card
- Update: Add class sticker-static for statically positioned stickers
- Update: Add max-height to dropdowns
- Update: Focus outline for truncated links are cut off
- Update: Checkbox card should work if you only want the checkbox to be clickable
- Site: Remove references to dropdown-menu-no-arrow
- Site: Update badges, labels, and stickers documentation
- Site: Cards page dropdown-toggle alignment
- Site: Cards page move icon-monospaced to the parent element
- Site: Remove docs related to card-dm and toggle-card-dm
- Site: Add checkbox card documentation
- Update: Remove icon-* selector from alloy-font-awesome, and instead only target defined icons
- Update: Search bar covers active style when navbars are in narrow column
- Update: Nameplate content text should be vertically centered in mobile
- Update: Added styling for cards to also have a radio
- Update: th element should have height so headings aren't clipped when every column is clamped
- Update: Add table helper classes for vertical alignment
- Site: Clean up Blog Actions demo
- Site: Update tables page with helper documentation
- Fix: Collapsible Search covers navbar-collapse items on mobile
- Fix: Encoding spaces in the SVG mixin, as the YUI compressor will munge the whole thing up
- Update: Lexicon table clamp-container spacing when its first child and add min-widths to table cells inside table-responsive
- Update: Change table-list row background color in Atlas
- Update: Collapsible Search should use event delegation
- Update: the (non-flag) icons to have either (or both in many cases) of a class of
lexicon-icon-outline
orlexicon-icon-body
on their child elements. This allows them to be more easily targeted via CSS. - Update: Include all icons in release task (so that people can use icons individually)
- Site: Update Collapsible Search documentation with event delegation stuff
- Update: Normalized the viewBox attribute for the flag icons to use the same metrics as the other icons
- Fix: Removed IDs from flag icon groups as they would cause issues when using the icon
- Fix: Add work around for ios not respecting overflow hidden on body (Fixes #132)
- Update: Added new icons check-circle, cut, paragraph, paste, radio-button, select-from-list, and text
- Update: Added new flag icons
- The released versions for v0.2.3-v0.2.5 had invalid jars being created due to an error in the maven build script. This should be finally resolved.
- Fix: Side Navigation lazy loading doesn't try to reload content that was never loaded
- New: Add Lexicon CSS only Loaders
- Update: Sidenav will now add the css loading indicator automatically
- Update: Side Navigation should show loading indicator when using ajax
- Update: Higher contrast tooltip bg color
- Site: Update Side Navigation docs with loading indicator
- Fix: Remove margins on dropdown icon-monospaced
- Fix: Management bar link spacing in Atlas
- Fix: Data url shouldn't place content inside multiple sidebar-body when nested
- Fix: Padding on the
.sidenav-container
in resolutions wider than 1300px is no longer removed (Fixes #129) - Fix: The SVG desktop icon had an inline attribute that prevented styling
- Update: the sidenav plugin now toggles a CSS class of
active
when it's open and closed. - Update: Add disabled class to management bar
- Update: Add events openStart.lexicon.sidenav and closedStart.lexicon.sidenav
- Update: Align items in left and right sides of nav components when using container-fluid-1280
- Update: New buttons opacity for disabled buttons (configurable via the variable
$btn-disabled-opacity
)
- Breaking: Remove IE's clear field button in Atlas
- Breaking: Side Navigation plugin instantiates on page load when using data-toggle="sidenav"
- Fix:
<a class="badge badge-default">
text color should be blue on hover - Fix: Side Navigation defaults to delegate false if use-delegate undefined
- Fix: Side Navigation delegate should work on regular sidenav
- Update: Updating some Lexicon icons (calendar.svg, date.svg, format.svg, home.svg, info-circle-open.svg, sites.svg, thumbs-down.svg, thumbs-up.svg, trash.svg)
- Update: Adding new Lexicon icons (desktop.svg, full-size.svg, mark-as-answer.svg, mark-as-question.svg, mobile-landscape.svg, move.svg, page.svg, share.svg, shortcut.svg, tablet-landscape.svg, tablet-portrait.svg, wiki-page.svg)
- Update: Side Navigation close button should use delegate
- Update: Allowing the sidenav plugin to return a value from methods that can be invoked, as well as add an instance method that will return the current instance
- Update: Side Navigation adding destroy method (Fixes #116)
- Update: Nameplates links and text styles should be different
- Update: Remove text-shadow from Atlas .close
- Update: Remove Atlas dropdown arrows
- Site: Document new side navigation methods
- Pat botched this release -- ignore
- Breaking: Change collapse open and close icons to be compatible with svg. Please see this page to find the updated markup.
- Breaking: Don't apply figure styles to element
- Breaking: Removed the Product Menu from the code base, since it's now only in Liferay.
- Fix: (Fixes #88) links inside list-group-item should be properly colored
- Fix: (Fixes #109) Delegate click handler needs event.preventDefault().
- Fix: Fix Lexicon navbar and management-bar borders inside sidebar
- Fix: Long text inside horizontal card should break to new line in firefox
- Fix: List-group-heading focus border shouldn't be covered by next element
- Fix: List-group-heading shouldn't be underlined on hover or focus
- Fix: Atlas dropdown arrows should be aligned to monospaced icon
- Update: Add lazy loading through data-url to side navigation plugin
- Update: Badges and Stickers should inherit from Labels
- Update: Separate Lexicon labels from badges
- Update: Add mixins for coloring dropdown-toggle and dropdown-menu
- Update: navbar and management-bar no collapse dropdown should have background color
- Update: Cards dropdown color should be $dropdown-link-color
- Update: Align checkboxes and buttons on the left and right side for:
- header-toolbar
- navbar
- management-bar
- breadcrumbs
- tabs
- tables
- cards
- list-groups
- Site: Updated the Sidebar Detail list to use a DL element
- Site: Release entries in the changelog can be linked to
- Site: Checkbox should be checked when table list is active
- Site: Update documents and media demo to current mark up
- Site: Update blog appearance demo to current mark up
- Site: Update blog actions demo to current mark up
- Site: Added a Visual Tests section to compare and test changes
- Bad CHANGELOG
- Nate botched this release -- ignore
- No changes, just bumping because of issues with WebJars/Maven caching.
- Updated bower.json to exclude non-essential directories
- Breaking: Rename management-bar-right to management-bar-nav-right
- New: Updated the Sidenav component, adding the following new methods:
hide()
,show()
,toggle()
, andvisible()
(Documentation) - New: Added the following new icons:
- blogs
- bookmarks
- calendar
- categories
- documents-and-media
- download
- dynamic-data-list
- forms
- info-panel-closed
- info-panel-open
- message-boards
- polls
- reply
- rss.svg
- tag
- web-content
- wiki
- workflow
- Update: Atlas th element and .table-cell-field should be styled to match Lexicon mock ups
- Update: Dropdowns in navbar should be properly styled in all screen sizes (Fixes #91)
- Update: Moved variable tooltip-inner-max-width to Lexicon Base, renamed files from tooltips to tooltip
- Update: Btn-default styles in management-bar and active state
- Update: (Fixes #82) Atlas checkboxes and radio buttons to be bigger
- Update: Allow multiple Simple Sidenav Togglers to open sidenav
- Update: Add support for placing text around toggle-switch (Fixes #81)
- Update: Atlas select box arrows are svg instead of image
- Fix: Caret Icons
caret-top
andcaret-bottom
should be center aligned - Update: Action button should be under dropdowns, popovers, and tooltips
- Update: Collapsible panels whole panel heading should be clickable
- Publishing the build files (Nate's fault)
- Update: Icon-monospaced should work with svg icons
- Update: Added new icons,
info-circle
,info-circle-open
,caret-top
, andcaret-bottom
- Site: Add icon-monospaced to svg icons
- Fix: Navbar-toggle should have outline on focus
- Breaking: Remove link-group
- Update: Add navbar layout helper classes for better keyboard accessibility
- Update: Keyboard focus shouldn't enter collapsible search when closed
- Update: Keyboard focus shouldn't enter a side navigation that is closed
- Update: Move clamp css to its own file
- Update: Atlas modal-title font-weight 400
- Site: Update pages to work with new headings identifier selector
- Site: Use more specific heading identifier to prevent unwanted headings to be targetted
- Site: Convert remaining icons to svg, except ones in pseudo elements
- Site: Convert to lexicon icons in input-groups, form-validation, list-groups, and navbar
- Site: Use table-cell-field instead of table-list-field for consistency.
- Site: Change icons to lexicon svg icons on Alert, Cards, Header Toolbar, and Management Bar pages
- Site: Misc site updates
- Site: Update side navigation docs
- Site: Update navbar docs
- Site: Reorganize navbar contents for better tabbing
- Site: Added skip to content button
- Site: Align settings button on mobile
- Site: Don't use side-navigation plugin for sites nav
- Site: Update table-list demo to something more useful
- Site: Increase Sass precision to 8
- New: Add sizes sm, default, md, lg to Lexicon icons
- New: Add timeline component
- Update: Size Lexicon icons in badges and labels, labels fully extends badges
- Update: Remove custom font and custom styling from checkboxes and radio
- Update: Convert remaining checkbox-default and radio-default to checkbox and radio
- Update: Change checkboxes in management bar from checkbox-default to checkbox
- Update: Move checkbox-default and radio-default styles to checkbox and radio
- Fix: Reorder management bar HTML to keep focus order
- Fix: Dropdown-toggles should have focus ring
- Fix: Heading-anchor should show on focus
- Fix: Atlas header-toolbar-default divider shouldnt show if there is only one item
- Fix: Atlas control-label class should be styled like label
- Site: Change badges and label demos to svg icons
- Site: Update headings selector and reorganize sections
- Misc: Added this changelog :)
- Moving svg4everybody to the footer to be available on all pages
- Adding svg4everybody to our icons page
- Adding svg4everybody via bower, and changing the update task to updating bower in general
- LPS-59013 - Update metalsmith-headings-identifier
- Atlas: color dropdown-toggle icon-ellipsis-vertical only in cards
- Make structural class names, table-list-field and table-list-content, more general
- Truncating text should work inside table-list-content
- LPS-59013 hidden-xs class deleted
- Lexicon-base _variables should only be importing partials and remove unused variables from atlas
- Add progress bar sizes
- Add form validation states for select and readonly input, remove unused mixins, and docs
- Add list-group-card
- Navbar and Management Bar No Collapse dropdowns should be styled in mobile
- Side-navigation and content should be equal height before opening
- Use site's bootstrap.js instead of cdn and remove unused includes from head
- Side Navigation delegate click should only be instantiated once per toggler class
- Components should only list components that are in the guidelines pdf
- Adding bootstrap resources
- Adding Bootstrap JS to the payload
- Adding hover effects
- Cleaning up unneeded files/changes
- Adding new svg icons
- Adding icons.svg sprite file
- Add panel-blank
- Remove todo page in favor of github issues
- Add breadcrumb-vertical and documentation
- New barebone panel
- Cards: remove card-horizontal-dm, standardize card-checkbox, and add helper classes for truncating text
- Normally when we use a bg cover image we want center it
- Update Flexbox Cards and flexbox grid to work in IE and FF
- Setting width/height for icons
- Adding html page
- Adding gulp tasks for creating svgs
- Adding svgs
- Adding links in headers
- Nav spacing improvements
- Improvements to the navigation
- Add helpers for aspect ratios with background images
- Lexicon: add font smoothing for osx
- Add best practices page
- New font sizes:
- Remove old flexbox card styles
- Lexicon: Remove control menu
- Lexicon: add data api to collapsible-search and also documentation
- Collapsible search transition ending too early
- Atlas: breadcrumbs first child is misaligned
- Side-navigation transition ending too early
- Rename cells to table-list-field and table-list-content, also vertically center table-list-content with top: 50%
- Added custom open class name to _toggleSimpleSidenav
- Side-navigation.js delegate causes all menus to open
- btn-action-secondary should have z-index
- Document sidebar component
- Flexbox cards
- Add simple flexbox grid
- Fix out of date README
- Add simple flexbox helper classes
- Adding version to website header, stamping css and JS (non-bootstrap) with our version and copyright, reminding us to deploy the website after a release, and a small website fix
- Atlas: select box arrows shouldn't overlap option text
- Update cards border radius to work with overflow visible
- Add table-list skin for tables
- Vertically center breadcrumb
- Remove control-menu from lexicon
- atlas: remove old btn-toolbar styles
- atlas: control-menu colors shouldn't bleed into nested components
- lexicon: add card-row-layout-fixed and card-horizontal-dm
- lexicon: add truncate-text class
- lexicon: breadcrumb > li should have max-width and truncate text
- atlas: Validation inputs should have input-color not input-label-color, add validation state colors for radios and checkbox
- lexicon: add bottom and top properties to modal-open class for safari/chrome
- Blogs Actions example: remove inline-scroller from dropdowns
- side-navigation: change toggler open state from active to open
- Images and Thumbnails demo align left image shapes
- lexicon: Remove overflow hidden from cards, add crop-img component, and update card/images docs
- Documents and media demo change badge-primary to badge-default
- Toggle card dm borders
- Toggles Demo remove unused code examples
- atlas: reduce vertical padding of tooltips
- Blog Actions demo change name of modal
- Documents and Media demo cards should be in a list
- atlas: adjust padding on some product-menu elements
- Blog Actions demo box shadow is hidden by sidenav-container
- side-navigation: sidenav-fixed shouldn't be added to toggler
- side-navigation: use doc variable instead of
- side-navigation: add/remove active and sidenav-transition class on toggler when menu opens/closes
- Read-only inputs are partially obstructed by padding in Firefox
- lexicon: remove color property from control-menu
- atlas: list-group-header should have background-color
- card border shouldn't inherit from navbar border
- Wrong dropdown markup in portlet topper demo
- Remove old helpers no-shadow and square-border
- dropdown-toggles should have class dropdown-toggle
- management-bar: dropdown toggles using btn should match other management-bar link styles
- management-bar: add some horizontal padding
- atlas: management-bar buttons should be spaced properly in desktop
- management-bar btns should be vertically aligned
- lexicon: change default card border-color for better compatibility with third party themes
- lexicon: Source Format - One media query per property
- lexicon: navbar-toggle and collapse components should use variables
- Links in sidebar-header and sidebar-footer shouldn't be underlined
- Product Menu parts shouldn't be combined with regular sidebar
- Remove list-group-header colors for better compatibility with third party themes
- Sidebar and sidebar-inverse link-colors should be based on variables
- modal-inverse colors should be based on variables
- Calculate modal footer height for fullscreen modals
- lexicon: toggle-switch-on and toggle-card-on colors should be based on brand-primary
- lexicon: basic-search-close should change color based on variables
- Remove equal-height sass placeholders
- Remove clearfix-hack mixin
- Decrease sidenav-fixed z-index so modals appear over it
- Remove nameplate-list and profile-header components
- lexicon: nameplate-label variable names should start with nameplate-label
- Add nameplate-label with demos
- atlas: increase full-screen-modal top position
- Add nameplate label states
- atlas: fix gap between modal-body and modal-footer
- lexicon: alert-notification should be 100% in mobile
- Add alert-notification class for notifications
- atlas: Remove notifications component in favor of alternate alert style
- atlas: Remove duplicate css in disabled checkbox and radios
- atlas: Remove alternate checkbox/radio components, and update hard coded colors in checkbox-default and radio-default to variables
- atlas: change navbar-default colors
- atlas: dropdowns should have spacing between toggle and dropdown
- Add multi-step-progress-bar-collapse, multi-step-progress-bar-fixed, and update docs
- multi-step-progress-bar: use positioning to create space between icons
- product-menu: use lfr-icon-menu taglib markup
- nav-equal-height-heading span tags should be aligned
- Add documentation for nav-equal-height and add vertical and horizontal padding variables
- Add links to footer and update site-administration-toolbar
- side-navigation: add option to delegate click event
- Add Multi-step-progress-bar
- control-menu: use justify-content and colors for atlas control-menu
- atlas: select input should have no top or bottom padding
- Control Menu component
- Update side-navigation docs
- side-navigation: sidenav-slider should have transition
- side-navigation: toggleSimpleSidenav content should match first element
- side-navigation: add data-target option to simple sidenav
- side-navigation: menu and content should be the right height on load, equal height should run after dom operations
- site: remove overflow on #wrapper
- side-navigation: add simple sidenav option
- side-navigation: type fixed shouldn't push content over
- side-navigation: rename transitions variable to transitionEnd
- portlet-topper: use flexbox for alignment
- lexicon: user-icon should be transparent bg
- Adjust h tag sizes and remove some duplicate functionality
- atlas: form-group margin-bottom 20px
- atlas: label margin-bottom 2px
- atlas: change padding on inputs to 6px 4px
- atlas: portlet-topper border-radius to 4px
- product-menu navs
- lexicon: nav-nested with nav-equal-height-heading should be indented
- lexicon: add nav-equal-height and nav-nested-margins
- In firefox, absolutely positioned elements don't take up 100% width by default
- side-navigation: fire events open.lexicon.sidenav and closed.lexicon.sidenav when state changes
- lexicon: product-menu-tabs font-size should be smaller
- atlas: user-icon bg should be transparent
- atlas: change button sizes
- lexicon: create portlet-topper component
- lexicon: anchor tags with dropdown-toggle class shouldn't be underlined on focus or hover
- lexicon: use navbar-padding-horizontal for left right margin and padding
- lexicon: navbar-toggle and navbar-collapse items should use calculated vertical padding
- lexicon: navbar should be aligned and styled if navbar variables are changed
- Removed sidebar fixed demo
- panels: style like collapse item mock ups
- product-menu: align collapse icons
- lexicon: option to change collapse icon for different components
- Add lexicon-base-variables.scss and atlas-variables.scss
- lexicon: rename vertical-align-middle to collapse-icon-middle
- Change show-collapse-icon to collapse-icon and update panel docs
- lexicon: collapse-icon for panel
- atlas: badge, label, sticker default colors scheme
- Remove badge-absolute in favor of stickers
- Remove absolutely positioned badges from demo
- Blogs Appearance example page
- lexicon: create help-icon component and use help-icon instead of input-group-icon
- lexicon: icon-monospaced should work with icon sizes
- atlas: icon-monospaced with btn should be vertically centered
- lexicon: icon-monospaced should work with btn class
- atlas: nav-pills should be colored brand-default
- uxgl-site-config should stay inside header
- atlas: nav-tabs-default calculate padding based on height
- side-navigation: check if window size is desktop
- Update nav and nav-tabs docs
- Update nav tabs demo to use bs3 tabs.js
- Move more common nav styles to lexicon and update nav docs
- Move common nav styles from atlas to lexicon
- Move nav-nested and nav-collapse-icon to lexicon
- Convert nav demos to use bootstrap collapse
- Update nav link colors
- Separate tab group css, add nav-tabs-default, add nav-tabs-scroll
- lexicon: mobile nav-tabs
- Improve class selection for detail-list-view-icon active icons state
- Update portlet container css to new design
- blog actions page navbar and management bar alignment
- container-fluid-1280 should be centered in desktop
- management-bar alignment
- container-fluid-1280 inherits too many styles from container-fluid
- Use class detail-list-view-icon instead of user-icon for active state
- lexicon: container-fluid-1280 should extend container-fluid
- atlas: update brand and state colors
- atlas: update form validation colors
- Z-index issues in navbar basic search after input-group update
- Remove variable -radius-default
- Update form validation mark up and add checkbox examples
- input-group-default houses help text on form inputs
- Namespacing borderless portlet component styling for now
- Removed modals stylesheet from site
- Clean up modals css
- Fix for iOS -webkit-overflow-scrolling: touch z-index bug
- atlas: update pagination size alignment
- borderless-portlet-bar: add more examples
- borderless-portlet-bar: remove padding and add shadow on hover
- atlas: add box shadow to borderless portlet
- Add borderless-portlet-bar component
- side-navigation: instance.equalHeight should be instance.options.equalHeight
- lexicon: add line-height variable to pagination-size
- Updating Bootstrap to 3.3.5
- Adding bower to manage the Bootstrap dependencies
- side-navigation: convert breakpoint to integer
- atlas: button link styles should overwrite other button styles
- Fixing file reference to glyphicons
- lexicon: side-navigation plugin should have option for no equal height
- Fixing regression in toggling sidebar on the right
- Update blog actions demo management bar
- Update blog actions demo product menu
- atlas: product menu desktop styles
- lexicon: toggle-card dm should be more generic and move toggle-card-dm card styles to card-dm
- lexicon: aspect-ratio should be display block
- Update aspect-ratio docs and add right align for aspect-ratio-vertical
- lexicon: move aspect-ratio css to separate file and add aspect-ratio centering
- Update documents and media example page to use stickers
- lexicon: add stickers component
- lexicon: increase badge-monospaced sizes to make it more useable
- atlas: style product menu
- sidebar: product menu header and footer should be fixed and clean up unused sidebar css
- Simplifying height check
- Debouncing resize, combining screen change detection methods
- Side navigation: Update docs
- Remove slideout drawer plugin and css
- side navigation: sidenav-right should close on mobile
- side navigation: screen change to mobile should and remove class sidenav-fixed
- Documents and Media example page
- Alternate checkbox style, toggle-card-dm
- lexicon: aspect ratio should align left
- lexicon: sidebar-panel should hide overflowing content and sidebar-panel badge styles
- lexicon: add aspect ratios to images
- lexicon: card col should have option to be only wide as its content
- atlas: change breadcrumb bg to transparent
- Removing commented code
- Formatting & optimization
- Adding Site Settings to enable easily toggling different levels of CSS
- Adding templates to watch list
- Creating atlas-font-awesome.scss
- Source Format Documents and Media mock up example
- Add fixed, fixed-push, and relative options to side navigation
- Created Documents and Media mock up example page
- Fixing release script
- Moving lexicon to lexicon-base
- Fixing parent selector reference
- Splitting up CSS files
- Fixing issue with gulp plumber and gulp filter
- Removing mixins
- Removing box-shadow from form fields with validation
- Adding gulp-plumber so gulp doesn't quit the watch if there's an error, and not repatching the CSSif it's already patched
- Toolbars component: move some css properties to variables
- Figures component: move some css properties to variables
- Demo Site: make code example page smaller
- Cards component: move some css properties to variables
- Label atlas only and shared variables
- Breadcrumbs remove unused variables
- Organize variables skin vs structure
- Add product menu demo
- Content should overflow in fullscreen
- Update blog actions example page
- Update toolbar component, remove duplicate css, update docs
- lexicon: create sidebar base
- lexicon: Import user icons
- Include toolbars in lexicon
- Remove text underline on monospaced icons
- Update list-group page and docs
- atlas-theme: change navbar link colors
- Removing dependencies on YUI
- Migrating to gulp
- atlas-theme: add sidebar-inverse, sidebar-fixed, and product-menu styles
- added product menu to sidebar _atlas-theme: add open close colors for management-bar-toggle
- Add management bar
- Restructuring main files and themes
- Modifying templates to use the heading property
- Adding heading property so title can be selectively overwritten
- Side navigation left shouldn't be pushed 300px right
- fixed browser mixin inconsistency
- Remove toolbar-no-break
- Remove uneeded variables and css
- Add container-fluid-1280
- Remove blog 1 column page and styles
- Update boostrap js to 3.3.4
- Adding sourcemap support
- Upgrading Bootstrap to 3.3.4
- changed button radius
- created a .icon-default class
- changed html structure on toolbar page to be consistent
- Pagination include _styled pagination.scss and reorganize media queries in classic
- Remove navbar duplicates
- Combine modal full screen and modals pages
- Add full screen modal with example
- Remove sliders page
- Fix broken demos on extending-toggles page
- Rename extending-switches to extending-toggles and update links and docs
- Rename switches page to toggles, and update docsinto separate files and remove duplicate css
- Build guidelines examples
- Update guidelines examples
- Namespace toggle-switch variables properly
- Use general sibling selector for consistency with toggle-switch and flexibility
- Build guidelines examples
- Update guidelines examples
- Move _switches to _toggle-switch
- Extract toggle-card from switches
- Add text overflow ellipsis for dropdown-menus
- Simplify center dropdowns and set max-width on dropdowns
- Add demo for clear dropdown arrow
- Move code examples to accordion
- Update user icons page to new layout
- Update dropdown layout and docs
- Remove dropdown-menu-inverse
- Add action button
- Update tooltips to match Visual Kit SEVEN
- Add non-responsive for container
- Sidenav right animation should match left sidenav
- Add bottom toolbar to blog actions example
- Buttons in toolbar should be square
- Tabular list group link color to brand-default
- uxgl-toggle-code button should be rounded not circle
- Side navigation focus cut off on left and right side
- Update docs
- Add width option to sidenav
- Update sidenav docs
- Remove gutters from sidenav
- Sidenav right should work in _styled
- Update header and navbar to match new mock up
- Update docs
- Add sidenav right and fix bugs with multiple instances
- Adjust collapsible search animation
- Navbar no collapse has extra space on the left
- Sidenav module open and close button should work if placed outside .sidenav-container
- Update breadcrumbs
- Update alerts example page
- Update alert styles
- button side border is cut off in input group
- Input-sm height should match btn-sm height
- Variables -padding-horizontal and -padding-vertical were reversed
- Add variable to customize border-radius on form-control
- Remove unused file
- Update button documentation
- Update button groups to match new style
- Classic buttons more customizable through variables.scss
- Update header-toolbar documentation, header-toolbar shouldn't collapse in mobile
- Header Toolbar should follow bs3 patterns better
- Remove old header toolbar variables
- Blog - Actions page heading text should truncate
- Side navigation menu focus gets cut off
- Update tooltip/popover colors, demo, and move tooltip variables closer to popover
- Add popover and tooltip code examples
- Popover and Tooltip should be able to have custom box shadows
- Switch width should expand to accomodate data-label
- Update switch documentation
- Example code accordion not animating properly
- Better fallback for browsers that don't support :checked
- More examples and documentation on extending switches page
- Fix extending switches demo
- Update _styled theme switches
- Classic theme switches should be more customizable through sass
- Add checkbox/radio styling no extra element
- Make checkbox consistent with input-group-addon
- Update select arrow icon to data uri and clean up checkbox
- Update form inputs to new styles
- Add line numbers for icon texts
- Icons component and extending icons page
- Smaller padding around email content
- Extending toolbars page
- Header Toolbar should follow new toolbar pattern
- Add toolbar-group breakpoints and update docs
- Extending toolbars page initial commit
- toolbar-group-expand should expand in firefox and ie, also update documentation
- Remove default margins on nameplate component
- Add liferay logo
- Fix toolbar spacing and alignment
- Clean up toolbar alignment in mobile and update toolbar demo page
- Add momentum scrolling for inline-scroller
- Adjust margins on inline-scroller inside dropdown-left-side for classic
- Update header-toolbar to use toolbar markup
- Toolbar links alignment .dropdown display: inline-block causing alignment issues in other components
- Fix bottom spacing on dropdown menu in classic theme
- Replace slideout drawer with dropdown-menu-left-side
- Add left and right side dropdowns
- Toolbars should break properly in small screen widths
- Update toolbar component mark up and styles
- Update user-icon sizes to match buttons
- Add toolbar component and pages
- Add blogs action example page
- Slideout Drawer jquery plugin
- Use bootstrap3 tab module
- Add collapsible list groups
- input-group-addon text color to white
- Remove image gallery pages
- Site side navigation toggle alignment
- Add extending switches page, custom switch demo
- table-responsive-flip scrollbars shouldnt show if content fits
- table-responsive-flip should accomodate checkboxes
- Add equal height to side-navigation plugin
- Add more examples to extending nameplates
- Add profile headers and nameplate lists to extending nameplates page
- Update nameplate page/docs
- Update tables page
- Add sidenav plugin
- Note on striped progress bar not working in FF
- Create color-user-icon mixin and update nameplate page
- Add classic default navbar styles and open close search box
- Redo navbar base component to better accomodate search bar
- Update list-group
- Add status colors to tabular list group
- Update user icon colors
- Adjust header-toolbar first and second level sizes and add success style
- Adjust button sizes and simplify button element page
- Buttons should be same height as text input
- Remove border-radius prefixer from mixins
- Notification jquery plugin and some styles
- Use bootstrap 3 alert plugin
- Move header and toolbar to header-toolbar and update docs
- Form labels should be default text-color
- Badges and labels page, rearrange list-group page
- Add tabular-list-group component and add icon sizes
- Nameplate-list should be simple
- Move figures stuff to components
- Update extending cards and fix border-radius on card
- More extending cards documentation and minor alignment fixes
- Update card-btn-row
- Add type and figure helpers
- Remove card-btn-group and add link-group component
- Added Extending cards documentation
- Update mark, highlighted text should have padding when going to new line
- Add figure for image captions
- Fix alignment on card-horizontal, move padding to card-row, update docs
- Document card page and add some helper classes
- Use bootstrap 3 dropdown plugin
- Add nav-pills styles and nav helper classes
- Update alert section documentation
- Update global font colors
- Add blockquote sizes
- Update nav documentation
- Add jquery 2.1.3
- Add code highlighting
- Add blockquote colors and update type page
- Add customizable icon for nav open and close state
- Add nav demo
- Search box alignment in desktop for navbar
- Remove unused styles
- Update site navigation spacing
- Redo panel component
- Remove old panel variations
- Add heading-toolbar component
- Remove thumbnail variations
- Card component
- Update nameplate doc and minor alignment issues
- Add nameplate component
- Tab group right tabs not connected to content and clean up example code
- Add disabled fieldset section and rearrange form elements page
- Move color scheme section
- Update modal header
- Add sidenav to header
- Header page update icons, spacing, and variables
- Add alloy-font-awesome
- Update header with better pattern
- Update input spacing
- Update Todo list
- Update radio/checkboxes to match definition of FORMS
- Update nav-tabs to match definition of NAV TABS
- Create header first level and second level
- Update side nav, display table-cell too fragile
- Update colors and spacing on navbar dropdown in mobile
- Update desktop navbar default active hover open states
- Clean up navbar scss and update proportions
- Fix navbar not aligned in desktop
- Single link navbar prototype
- Center close button in alerts
- Style lead text in alerts
- Update alerts to definition of ALERTS
- Separate colors from typography and update warning color
- Fix nav spacing
- match navbar styles to definition of NAV BAR
- Update colors/box shadows on tooltip and popovers
- Update button proportions and remove drop shadow by default
- Update dropdown proportions
- Update popover proportions
- Update tooltip proportions
- Update pagination
- Add Breadcrumbs
- Update navs to lr7 styles
- Add tooltips
- Add popovers and box-shadows
- Update modals drop shadow and sf drop shadow variables
- Update input validation states
- Update pager with alternative styles
- Add more options to pagination styles and reorganize scss
- Update pagination and pager to lr7.1 styles
- Update form styles
- Added bourbon mixins for convenience
- Renaming _style to _site and _custom to _components to make it clearer the purpose of each stylesheet
- Chat Template
- Moving list groups to Elements page
- Add left, right, and bottom nav-tab variations
- Remove unused mail_template file
- Adds Mail Template
- Update dropdowns page
- Add responsive tables
- Adds experimental sliders
- Add profile page
- Update blog 1 col layout
- Adding Bourbon, fixing CSS related to the animated icon
- Adding Toggle Switches in Experimental section
- Adding a proper hamburger menu, with animation
- Update side navigation for firefox
- Add image gallery pages, styles, and images
- Update side navigation
- Update modals page and styles
- Updating to Bootstrap 3.2