v3.0.0-beta.2
Pre-release
Pre-release
·
319 commits
to v3-dev
since this release
For previous changes see #161, #207, #219, and #223.
Major Updates:
- Minimum supported version of jQuery is now v3.0.0
- #225 - Right-to-left support has been added There is now a
rtl
version of the CSSfiguration-rtl.css
(and a .min version) generated during the build process, and will be included with each release.- Add RTLCSS to grunt process
- Update float utils
.float-*-start
replaces.float-*-left
.float-*-end
replaces.float-*-right
- Update text alignment utils
.text-*-start
replaces.text-*-left
.text-*-end
replaces.text-*-right
- Update tooltip/popover position options
reverse/forward
replaces theleft/right
options
- Update dropdown alignment classes
- dropdown now uses
.dropdown-menu-forward
and.dropdown-menu-reverse
classes for alignment. - following examples apply to
ltr
mode, horizontal directions are opposite inrtl
mode*-forward
aligns root menu on left edge of parent, sub-menus open to right*-reverse
aligns root menu on right edge of parent, sub-menus open to left
- dropdown now uses
- Update modal padding handling
- Card groups, decks, and columns are now responsive allowing for greater flexibility. This means that that previous Sass settings for the minimum breakpoint trigger for each of these layouts no longer exists. You will need to update your HTML to use the
sm
responsive variant to achieve the previous behavior, as shown below:.card-group-sm
replaces the previous.card-group
.card-deck-sm
replaces the previous.card-deck
.card-columns-sm
replaces the previous.card-columns
- Player widget now has basic support for a custom caption container. Add a container with the attribute
data-cfw-player="caption-display"
to the player markup to suppress the default browser captions and have them display within the designated container. This will allow for a bit more control when skinning the player, since you can style or place the captions as needed. - Player widget has better support for HTML within captions, descriptions, and transcripts than previous releases.
CSS
- 66ab088: Utiliies: Flexbox order - extend with additional classes that match up with the column count
- 4ff4388, 04040fa: Blockquote: drop border and reverse variant - use text utils
- 69d6519: Utility - color: Extend border and background color utility classes
- 5eaf011: Add SFMono-Regular to monospace font stack
- 108b1ac: Dropown: add non-interactive text item
- 14070b9: Reboot: remove tap highlight color override
- d6d2071: Card: make
.card-group
,.card-deck
, and.card-columns
responsive - 8202fe5: Drop
:first-line
and:first-letter
from print styles - ef9eaaf: Fix
box-sizing
inheritance issue with Chrome - c4b8d0c: Stop
.container
from collapsing with minimal content anddisplay: flex;
parent - 3cb9680: Adjust overlapping margins for sibling
.form-control
and.input-group-btn
items in.input-group
JS
- f4c8bf1: Tabs: add 'in transition' check
- 5f59774: Slideshow: add
loop
option - 7a3e7eb: Collapse: fix setting initial state for flexbox items
- d598818: Player: add basic support for custom caption container
- 1bb8b18: Modal: add back missing
scrollbarReset.cfw.modal
event callback - bfeac8e: Player - use
getCueAsHTML()
with transcript, descriptions, and custom captions - 5bcf50a: Add missing
buttons
to widget list- needed forCFW_Init()
andCFW_Dipose()
methods
-6799dd179c680cd7a8e7b4c52d161cd4f247c369: Restore preventDefault to tootlip toggle() method- ---
Docs
- ba3e180: Clarify
.text-truncate
util usage - 32a6603: Adjust header for
md
and down screens - 6c45939: Layout-Grid: content updates
- 2fbe936: Badges: more examples