- 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