- update web font CDN link for more permament fix to Arabic type
- remove
nowrap
for buttons to fix responsive designs (#1063) - open/close accordions with space bar (#1062)
- fix RTL styles for input-search (#1061)
- fix Arabic text in Microsoft Edge
- restore outline to
btn-link
class (#1052)
- fix dropdown arrow keys with hidden elements (#1050)
- Fixes for switch and radio group
- Updates positioning mixin
- Updates checkbox and radio alignment in Edge
- New mixins for RTL support: border-left, border-right, border-left-color, border-right-color, position-left, position-right
radio-group
component (#762)- Improve handling of input validation for RTL (#990)
- Error thrown from
calcite-web.js
when not using search UI (#992) - Ensure skip to content link is accessible and visible (#995)
- Fix accessibility issues in dropdowns (#989)
overflow-scroll
class for forcing scroll bars
- improve keyboard accessibility of tabs pattern (#981)
- improve aria markup of accordion pattern (#978)
- don't allow scroll of content behind drawer or modal
- use new search icon for search field (#979)
- Fix
.toggle-switch-input
cascade (#977) html
element now usesoverflow:auto
instead of forcing a scroll bar (#980)
- fix diacritical marks in Hebrew (#966)
- allow override of
$vw-ratio
variable (#960) - use
$dark-green
for green labels to pass WCAG 2.0 AA requirements (#969) - fix modal toggles when toggle has child element (#953)
- remove unused grid configuration variables (#836)
- fixed modal/overlay positioning in Edge (#932)
- fixed filter dropdown rtl display and alignment (#941)
- fixed scroll bar positioning on modal open (#945)
- added RTL support for accordion caret icons (#950)
- fixed rebinding of modal events (#956)
- fix baseline in Edge (#929)
- remove
border-collapse: auto
fromtable-no-table
class
- Fix rounding error on certain column widths (#742)
- Fix
pre
andpost
missing on large screen size - Fix
pre
on first nested column at largest size (#806) - Use unitless line-height (#847)
- icon classes now have
vertical-align: middle
- small tweaks to
label
andcode
sizing
⚠️ Font size changed from17px
to16px
(#889)⚠️ Grid container size default is now 1440px instead of 1450px (#826)⚠️ List styles now closer to browser defaults (#866)⚠️ Tables must now use thetable
class to get styles (#852)
- remove some
!important
rules (#877) margin-left/right
andpadding-left/right
now work in rtl (#805)- Fix drawer pattern on Safari, allow for
position: sticky
(#863) - Fix fencing of focus in modals (#793)
- make modal js syntax more consistent (#862)
- fix for iOS checkbox rendering (#861)
- update several patterns to use buttons instead of anchors
- style
dropdown-link
so it can be abutton
element - update
top-nav-link
so it can be abutton
element - remove fonts.com and use self-hosted fonts from esri CDN
- declare demi-bold as
700
so browser defaults render - make headings
400
instead of300
- Large improvements to the display of several languages including Arabic, Hindi, Georgian, Vietnamese, Hebrew, and Thai
- Vietnamese now renders in SST instead of Verdana (#865)
- make button border colors match background on hover (#840)
- update style of file upload button in FF and iOS (#886)
- fix alignment of checkboxes and radio buttons across browsers
- no more
rtl-
classes as they are not needed and are an anti-pattern
link-dark-blue
helper class (#855)btn-link
helper class (#846)- added range slider input component (#838)
- added toggle switch component (#837)
- fix rounded buttons in newest chrome
center-column
class for centering columns (#783)
- make background color of social icons more accessible (#823)
- use
font-family: inherit
instead of family name where possible (#824) - card captions should use the
<figcaption>
element (#827) - update instagram icon (#812)
input-minimal
now has a transparent background (#804)- content shouldn't scroll behind modal when open (#766)
- revert to using fonts.com service (#819)
- fix inputs in dark theme (#829)
- fix multiline tooltips in Edge (#773)
- fix focus state of checkboxes in firefox (#802)
⚠️ No longer support IE9 (this impacts only block groups, radio inputs, selects, drawers, and the loader)
- new icons (not added to font yet):
- calendar
- grid
- sort-ascending
- sort-descending
- Fixed Modal content not being left aligned in I.E. and Edge browsers text-align:start is not supported in I.E. changed it to text-algin:left
- Simplified font-stack for Avenir and monospace
- Made the calcite-web-dark constants as !default
- Updated fonts to use new declarations from monotype
- JS lib now allows for named ES6 exports with
import {drawer} from 'calcite-web/es6'
(#736) - Quarter variants for
leader
andtrailer
(#785)
- Missing styles for
<input type="file">
(#761) - Cards with long words overflowing card-content (#778)
- Fixed issue with
calcite-web.js
breaking the closure compiler
⚠️ Removed JavaScript-based responsive third-nav pattern. Third nav now simply scrolls horizontally when it's container overflows (#748)
alert-full
modifier for full-width alerts
- added upper limit to normal pre and post media query (#745)
- fixed first columns inside columns with a
pre
in large sizes search-input
on mobile safari now properly aligned (#747)- added right-to-left styles for tabs (#776)
- fixed elements inside accordions triggering close event (#774)
- fix alignment of shorter loader-text (#771)
- added right-to-left styles for dropdown-right modifier (#770)
- fix strange escape key behavior in search js (#763)
- Raw
<button>
elements no longer styled by default, use thebtn
class.
- The leftover
large-
columns are gone. Sizes are now just the documentednormal
,medium
, andsmall
. - Leftover imports for Frutiger font removed
- Ellipsis not added to loader text automatically (better for i18n)
- Accordions with inline svg icons now require the
accordion-icon
class
figcaption
elements no longer have a left border- breadcrumbs now pass WCAG 2.0 contrast requirements
- fixed spacing between breadcrumbs (#726)
- remove blue active state for top-nav-title (#729)
- inputs with a type
search
now display properly in Safari (#740) pre
andpost
should always work in right-to-left languages now (#731)
input-success
,input-error
, andinput-error-message
validation helpersinput-search
helper for magnifying glass in search inputinput-minimal
helper for more subtle input- Disabled input styles
- Expander JavaScript Pattern
- Placeholder text now passes 4.5/1 contrast requirement (#703)
tabs-translucent
now works in IE9 (#708)- All elements with
lang="vi"
will now render properly in Lucida Grande - Blue active indicator for top nav is now below links (#716)
- Modal's z-index is now higher than top-nav (#711)
- Accordion icons must be added inline, no longer provided by CSS
- Dropdown icons must be added inline, no longer provided by CSS
- removed
placeholder
mixin
- Inline SVGs
- Inline SVG Colors
- Changed all sample code docs to reflect new SVG usage
- Filter dropdown now expecting SVGs rather than icon fonts
- Search now expecting SVGs rather than icon fonts
- Rebinding of accordions now works in
calcite-web.js
- Search Component UI
- Table no table modifier
- Navigation structures updated
- Documented
icon-ui-flush
- Build errors
- Copy to clipboard JS
- Responsive trailer half, responsive leader half
- card heights rendered incorrectly in IE10-11 (#662)
- labels don't wrap lines (#660)
label-yellow
passes WCAG AA contrast (#654)block-groups
should only style direct descendantblocks
(#659)- links in
table-striped
rows now accessible (#655) - Min width 0 on
block
helps overflow breakage. - Grid prefixing bug
- Proper keyboard navigation for dropdown components
- Less padding for card-content
filter-dropdown-remove:after
no longer positioned absolutelylist-numbered
number alignment in IE11 (#614)aria
helper will not crash if array passed as parameter contains null values.modal
will not pass arrays with null values to helpers.
btn-clear
now has white background instead of transparent in order to pass WCAG contrast on light grays.
- removed
esri-icon
classes to prevent collisions with JS API
- RTL for SideNav Active States
- Margin and list styles
- Odd-numbered black behavior in Block Groups
- fix for ie11 fix for filter dropdown
- ie11 fix for filter dropdown
- ie11 fix for
Object.assign()
- Release tooling, now includes Dist
- Moved several patterns to
@include
rather than@extend()
- Marketing Extension
- E-commerce Extension
- Lots of Doc Examples
icon-ui-yellow
card-wide
for cards in landscape orientation- calcite Sass and JS extensions
calcite.extend(obj)
function
- changes to card markup. (
card-body => card-content
) - cards implemented with flex-box
panel-white
text now more accessible- headers are focusable
- panels no longer style columns
- translucent tab issue with larger text and hover effects
- Panels no longer force anchor color
- gutter-n classes. use padding-n instead.
- form hinting
.link-color-foo a
selected- app switcher pattern
- btn-arrow
- naive check for
column pre-n:first-child
use explicit.first-column
- pricing table
- .link-purple
- .link-orange
- .link-brown
- .link-gray
- .text-purple
- .text-orange
- .text-brown
- .text-gray
- supernav
- site search
- search bar
- toolbar
- action bar
- expanding nav
- badges
translucent-tab
pattern added$opaque-white
color$transparent-white
color$opaque-black
color
- translucent tab wiggle on active change
- checkboxes and radio buttons left alignment in IE10
user-nav
pattern in IE10 (#591)dropdown-btn
in IE10backgound
changed tobackground
in tab transition
- don't clear focus styles in firefox for inputs + buttons
table-pricing
adjusts headers on tables.- rebuild webfont
- More clear focus state for dropdown links
- Make dropdown
:hover
andis-active
state consistent with side nav - red buttons are now outlined instead of solid red
- card caption bug
.shaped-card
.card-bar-color
.btn-half
- Tab transparent transition trubs
- combo third nav w/ overflow and sticky fix
- select toggle arrow on wrong side in right to left
- Deleted selectors for
esri-icon-*
- all language specific type declarations (except for vietnamese)
- unfix fix for #532
- Arrow key bus emitters, space bar bus emitter
- renamed
icon-ui-Compass
toicon-ui-compass
- drawer sliding moves wrapper with it
calcite.dropdown()
now only adds click events once- drawer aria roles fixed
btn-arrow
should point other direction in right-to-left- Icon padding on wrong side in right-to-left
icon-ui-compass
casing fixeddropdown-btn
arrow should be on other side in right-to-left
- dropdown menus are not constrained in width
- cursor: not-allowed on disabled buttons
- pointer events: none on disabled buttons
- Radios and chekboxes bigger
- 'select-full' for 100% wide selects
- Responsive subnav docs
js-select-nav
functionality
- Third nav arrow absolute position
- dont
extend
mixins thats not right - clicking inside drawer no longer closes drawer
btn-clear-disabled
- custom focus state on checkboxes and radios
animate-in-up
,animate-in-down
animate-out-up
,animate-out-down
, animate-fade-out`
- Namespace fieldset checkbox labels.
- Always style fieldsets.
- small visual update to multiple select elements
- Removed all external dependencies.
- Documented animation as unique component, prepared to expand this list out.
- using
gutter-left-n
andgutter-right-n
on the same element will no longer break. - Additional RTL on default type styles.
- RTL support for action bars.
- RTL support for table cells.
- RTL mysterious text wrapping bugs.
- RTL on screens larger than 1450px get proper pixel value for pre and post.
- Explicit RTL pre and post classes resolve grid issues in RTL when
pre-n
andpost-n
exist on the same element. - Opening a dropdown closes all other dropdowns on the page.
- App Switcher pattern
- Fancy form validation styles
- Documentation and samples for responsive images
- Documentation for common grid structures.
rtl-gutter-
,rtl-margin-gutter-
left and right mixinsrtl-margin-gutter-left-0
,rtl-margin-gutter-right-0
,rtl-gutter-left-0
,rtl-gutter-right-0
classes..radio
and.checkbox
classes for styling radio and checkbox fieldsets.- Card styles.
- Default label styling for fieldsets
- Removing a sticky node from the dom no longer spouts console errors like a fountain
- Simplified
toggleActive
class, always removes active from array, adds to el. dropdown
menu shouldn't have restricted height, and themax-height
offilter-dropdown
should be a bit taller
- Responsive type scale
- Default type scale has a wider range of sizes
text-left
andtext-right
use supported values for ie, use checks to support rtl.sub-nav-title
smaller to adjust for new type scales.- Type config moved further up the import stack
- Monospace type rendering probs in block groups and textareas.
- Block groups declare avenir as font family.
- Frutiger and Kepler type styles and families
- Small visual style updates to
filter-dropdown
pattern - Visual improvements to
loader
component
textarea
elements now cannot overlap other elementsselect
elements display properly in Firefox
calcite-web.js
can now be loaded by the Dojo AMD loader
- Created an event bus for interactive js patterns.
- Reintroduced filter dropdown pattern
- Accordion icons
- Distribute a css file that doesn't call fonts.com for Avenir Next
calcite.init()
now removes any existing events so they're not bound twice
- remove reference to missing
column-base()
mixin - remove Sass debug in
_columns.scss
- Don't extend
%column-base
inside media query (#463)
- Iconography change for accordions
- Opacity used for disabled state in buttons
- Don't use wild-card selector in column-base styles
- Selects now have white background
margin-left
,padding-left
,margin-right
, andpadding-right
alias classes for gutters.margin-gutter()
mixins for margin-left/right support.
- Removed underlines on
:hover
for icons inside of links - Zero margin on
p:empty
- Style
<select multiple>
- Changes hover and active on side nav to subtle blue backgrounds
- Darkened sidenav link color to meeet WCAGAA with the new active state background.
- Bottom margin on
<figure>
set to 1 baseline from 2.
- BREAKING Removed automatic button style inheritance for
input[type='button']
. Using the.btn
class is now required.
- Greater specificity for input group inputs
esri-icon-light-blue
icon-ui-light-blue
esri-icon-dark-blue
icon-ui-dark-blue
- Set vietnamese to Helvetica
- Set max width on selects
- Dont override focus on input type submit
- Default behavior is now always 24 columns with a width defined by
$container-width
. Default is 1450px, but can be set to 960px for a 960 grid. - Clicking on modal overlay no longer closes modal
- Slightly less padding on panels
- Filter dropdown pattern
- Hard pixel values blend with grid system
- Base tool chain for generating icon font and documentation switched to Fontforge (python).
- Variableify Avenir Next font imports
- Document include variables for custom build
dropdown-title
- Sticky elements will now recalculate their height correctly when elements change
- fix weird bug in Chrome for Windows on elements with
scroll: auto
(https://github.com/ArcGIS/arcgis-for-developers/issues/3082#issuecomment-149293246)
- Hover state for side nav link
- Panel links vibrant blue
is-active
state on side nav links reverted- Better size and positioning for arrows on dropdowns
- icons should inherit line height, not declare it
overflow: auto
removed from tab sections, which caused a bug on pre's when zoomed in.
<code>
in.panel
background white- Default body weight set to regular from light
- Update fonts.com to allow access to *.cybertech.com
- Resolved breaking change in icons
- Alignment of items in top nav with top of page
- Filter dropdowns work inside modals
- Syntax bug in small last column right to left support
- Ruby gem uses /dist instead of /lib
- Made user image in top nav smaller and with less padding
- Changes font name for icon font
- Pre and Code line heights, sizes
- Pre and Code blocks inside tabs
- Nested lists dont need margin bottom
- Updated Google Plus social icon
- A hair of padding top added to
<textarea>
to match text input
- No clear button doesnt destroy app
alert-yellow
.top-nav-link
:hover
and.is-active
state fallback for IE8 & 9
- Changed build process for icon fonts
- Changed unicode mapping for icon glyphs
- Pixel perfect search submit button
- Fix nested media query bug for ie in the grid
.btn-clear-disabled
.icon-ui-small
modifier to make icons about 3/4 existing size.icon-ui-flush
modifier to remove any padding- Minimal
<dl>
styles
.panel-light-blue
is now slightly darker with light text.nav-bar-title
is now slightly larger with less right margin- Search icon baked into search-submit button, padding cleared
- Transparent button underlines like links
- Links hover darker
- Line height has been fixed for
h2
's andh4
's with multiple lines - Text alignment helpers support rtl
- Modal supports rtl properly
- Filter dropdown item close button unique and solitary entity.
- Dropdown button down arrow positioned absolute to work with
text-ellipsis
- Slight change to user navigation example markup
- Browser bugs for filter dropdown
.btn-clear-disabled
- Right to left support
- Polyfill for
focusin
events - Polyfill for
strinc.includes()
- Some cool new icons
- Codeblocks inside tab styles other than
tabs-gray
are now styled normally. - Make import variables more granular
include
rather thanextend
clearfix in column base and grid container. Fixes error of invalid sass in ruby.- Include column base in the
column
mixin rather than extend a class that doesn't exist.
- Dark blue hover slightly desaturated.
.filter-dropdown
interactive pattern.
- Panel Black
- Surpise! Blue and Red really accessible now.
- Bug where long dropdowns wrapped just the arrow to the next line
- Cursor should be pointer on side nav
- Bug where hovering on a third nav caused text to flicker strangely
- Top nav links get same style on
:hover
and:focus
, remove default outline - Buttons are one step lighter, get darker on hover
.label
component for calling out text- Grid columns turn themselves off for printing
- Accordion binds to specified class, not section siblings.
- Dropdown button gets
cursor: pointer
- Optional prefix for grid system
- No
text-indent
on third nav
- Don't set fixed height on
textarea
elements - Check for elements before binding to elements.
- add icon_names for social icons to API (#328)
- Unicode Sass variables
- Correct user-nav pattern
- Set height on buttons in input groups
- Fix form elements in ie9, ie10, firefox, and safari (#270)
- Small fix to tooltips ie9, ie10, firefox, and safari
- All patterns that used unicode characters now use icons from ui font
fade-in
class for fading in elements on page load- Responsive Javascript for the third nav.
- Sticky elements show up twice (#314)
- JavaScript patterns bind in sticky elements (#315)
- Bin script for calcite icons
column-base
now has no margin
- Responsive
pre
andpost
apply to correct screen sizes - Columns with medium but no small column render properly
- Breadcrumb separator no longer gets underlined
column
,pre
, andpost
at standard size apply at large size
breadcrumbs-white
modifier for light-on-dark breadcrumbs
- No dependency on patterns-color repo (variables are added by hand)
- Carousel configuration
- No calcite icon scss
- Codeblocks inside tabs are automatically formatted correctly
- Minor changes to
pre > code
elements (slightly smaller type size) - Vertical align
input-group-input
- Cool plus and minuses on accordions
- Simplified expanding nav
- Leader and trailer classes were being imported twice
- Only bind close click on accordion section title
- Init
sticky
first so other patterns bind to duplicated nodes
- Calcite color icons are not a thing we're including. Removing the doc space for this.
- Set
video
to 100% max width - Document hero subnav.
- Loader bar container div relative
.panel
uses$off-white
instead of$lightest-gray
- Add proper icons to accordion
- Overflow-x scroll and no-wrap on third-nav
- Expanding nav and search pattern
.link-light-blue
- Style links inside of panels
- Pre and Post scoping properly
.esri-logo
uses$image-path
instead of hard-coded location
- Columns collapse properly without a max-width
- Minor documentation fixes
- Sticky.js no longer relies on scroll, solving window resize bugs
- Multiple languages for type treatments
- Cyrillic font face declarations
- More intentional responsive design for subnav pattern
- Removed the
max-width
declaration in thecolumn
andcolumn-width
mixins
- Tabs get same style on hover and focus
inline
helper class is now namedinline-block
- Links now have
text-decoration: underline
on hover instead of cool background hack - Updated footer with legal copyright information
- List style type disc rather than circle
list-plain
for plain unordered lists (no bullets)
- Fix bug with columns inside panels
- Fix Bugs
- No button borders except on hover
- Darken button colors for accessibility.
- Top Nav finalized
btn-white
placeholder
mixin- Site Search pattern
btn-orange
- Clicking a dropdown button when the dropdown is open closes the dropdown
- Ie9 Shim for
<main>
- Ie9 Shim for
<input>
line height - Ie9 Shim for
.tooltip
line height - Prefixerize transform property in tooltips
- Resizing window recalculates and rebind stickies
- Sample code for form input include text for accessibility.
- Minor doc fixes
- Tab hover moved to above element
- Top nav active state above element
- Top nav hover blue
- Top nav font size one step down scale
- Accordion meets accessibility requirements
- Tabs meet accessibility requirements
- Tab hover has blue bar above
- Documentation and structural patterns have proper
aria-role
and other required attributes - Grid documentation for large columns
- Updated type documentation
- Skip to Content component
imports
is now accessed atcalcite-web/imports
- Links darker blue, with underline on hover
- Alert text color transparent black
- Icon font setting font family on
:before
- Modal meets accessibility requirements
- Drawer meets accessibility requirements
- Dropdown meets accessibility requirements
- Icon font standardized, more icons added
$generate-css: false
now generates no CSS
- Removed margin-top on
sub-nav-list
- Fix accordion hover
- Side-nav and accordion borders fixed in all states
- Tighten up sub-nav vertically
- Panels have padding and border by default
- Improve panel colors
- Improve vertical-spacing of sub-nav
- Automatically remove margin-bottom on the last element in a panel
panel-no-border
andpanel-no-padding
classes for panels- Add
is-active
state for side navigation
- General documentation improvements/updates
input-group
componentaction-bar
component
- Badges
- Icon font has baked-in padding right
- Modals not blurry
.text-rule
color is now the same as<hr>
<hr>
elements now have slightly less margin top and bottomsub-nav-title
is no longer floated left (enables larger banner-like subnavs)
- Styled list items by default
.bulleted-list
removed as bulleted lists are default
calcite-web/scss/imports
for all sass with no css
- Inputs have small inset box-shadow
- Fonts now included in dist
- Focus states for form controls now consistent
.grid-full
for opt-in to 26 column system- Block groups to 8 up
- Default grid behavior centers column-24 on large screen sizes
- Changed edge padding back to .04vw from 0.01.vw
- First version of icon font
$font-path
variable for configuration of font folder
- Updated Patterns Color dependency to v0.1.1
- Calcite color icons now referenced with
icon-calcite-
andicon-calcite-large
icon classes
- Removed vecticons in favor of icon font
- Social media icons
$image-path
variable for configuration of image foldercalcite.toggleClass()
exposed on public calcite-web.js api
- Removed
calcite.getAttr()
asElement.getAttribute()
support is IE8+
calcite-web.js
patterns can be passed a specific dom node as context when they are initialized.- Updated JavaScript documentation
- Proper registration as CommonJS module
- Removed ~ 230 LOC from calcite-web.js
- Fixed interpolation of variables in the
keyframes
mixin - Fixed modals always closing on any click if open
- Document modals properly
- Increase large breakpoint to 1450px
- Add
extra-large-leader-n
- Trailer
- Padding-leader
- Padding-trailer
- Add
extra-large-column-n
to 36 columns - Remove
container-max
andcontainer-min
extra-large-hide
and-only
- Remove carousel pattern (will be its own project)
- Pair Avenir Demi with Avenir Light for default strong behavior
- Clicking in drawer while drawer is open will not close drawer
- Fix dropdowns in IE9
- Set avenir face on buttons
- Use
https
for font imports - Table rows now have the same
font-weight
as the body - Selects have more right padding
- Tailcoat migration guide
- Code style guides (CSS, HTML, JS)
- Wrap navigation patterns in a
column-24
- Fix typography documentation
.footer
has defaultpadding-top
- Fix tooling for deploy and s3
- Fix problem with font loading
- Tooltips use
aria-label
for tooltip text - Modify tooltip styles
- Multi-line tooltips
- Custom
select
style
label.required
files
key inpackage.json
- Color dependency copied out of
node_modules
and intodist
on release.
.block
extends new default typeface.
.container
class now.grid-container
- Alerts now are colored better, higher z-index, and subtle drop shadow
- Sass now rendered with grunt-sass
- Panels work with columns
- Avenir Next Light is default body typeface
- Avenir no longer variablized
header-face
=>avenir-regular
body-face
=>content-face
- Third nav hover state
label.required
.input-warning
.input-success
.table-blue.table-striped
- Additional panel options
- IE9 bugfixes
.gif
fallback for loader componenttransform2d
for drawers, modals
- Change bold styles on body from Frutiger 65 to Frutiger 55
Animations, bug fixes, and general cleanup.
- Clicking accordion sections toggles only that accordion section
- Expanding nav now animates and takes up full screen
- Changed location of the
js-dropdown
class - Visual changes to user dropdown
- Finessed default type styles for raw markdown
- Modals are more in line with best-practices
- Blockquote styles
- Sticky footer
- Sub Nav documentation
- Assets uploaded to s3 on release
- Deploy script works from grunt
Sample page layouts, typography.
- Added
esri-logo-condensed
class - Blog layout
- Homepage layout
- Documentation layout
- Api reference layout
.font-size-x
.gutter-left-x
and.gutter-right-x
- Esri logo modified to fit in navigation better
- Removed
preventDefault
frombindDrawer()
function. - Small accordion and tab padding tweaks
JavaScript, documentation, and more patterns.
- Sticky scroll
- Sticky show
- JavScript for interactive patterns
- Invisible class
- Carousel pattern
transition-prefixed()
mixin
- Minor padding right compression on .top-nav-title
- User nav now a real thing
- Move from Sass to LibSass
- Make default body size larger
- Minor adjustments on font-size at values less than 0
- Alpha counters on nested
ol
- ITC Charter to Kepler
- Major rework of documentation tech stack
- Color Map
More documentation, new JavaScript components, working icon tooling prototype.
- Inline helper class
- Drawers
- Expanding nav
- Search bar component
- User login component
- Esri logo component
- Button group support for all button styles
.sign-in
class for sign in + sign out buttons in top nav- Modals
- Dropdowns
- Disabled button style to look less clickable
- Tweak form styles
- Tighten panel padding
- Nav patterns now responsive
Forms, table improvements, type changes, in progress icon tooling, more documentation.
- Inputs
- Selects
- Radio Buttons
- Checkboxes
- Labels
- Legends
overflow-auto
- Helper class can wrap elements that break layoutinput-error
- Outlines an input in red for user feedback
- Nav patterns & Buttons no longer default to
.header-light
on retina. - Buttons have a one pixel stroke
- Change header font of tables to Avenir Next
- Changed body font to Frutiger Light
- Make tables more compact
- Javascript namespace changed from
C
tocalcite
- Renamed
dom.makeArray()
function todom.nodeListToArray
- Added
arr
andbrowser
subsets tocalcite
functions - Moved
isTouch()
fromdom
tobrowser
- Moved
indexOf
fromdom
toarr
- Fixed
hr
border - Added some usage examples to JS doc
- Copy editing
Documentation and small style additions.
- Favicon
img
tags now get max width of 100%- Typography documentation
Additional styles, beginning documentation site.
- Change color of border-bottom on third-nav
- Fixed font weight on active third nav link
- Adding structure for documentation
<code>
styles for code blocks and inline code
Lots of foundational styles.
- Type adjustments
- Alerts
- Pagination
- Tables
- Tabs
- Modal
- Accordion
- Block Grid
- Code Styles
- Type Helpers Cascade Properly
- Leader-Trailer Helpers Cascade Properly
- Grid troubles
Begin foundational sass for the framework.
- New grayscale color values
- Colors
- Type Styles
- Grid
- Sass Utils
- Breadcrumbs
- Documentation Site
- KSS Parser
- CSS Reset
- Grunt Workflows