v1.4.1: Updates

@ionlyseespots ionlyseespots released this May 15, 2015 · 16 commits to master since this release

Chewbacca

v1.3.10: Updates

@ionlyseespots ionlyseespots released this May 4, 2015 · 94 commits to master since this release

Article now correctly aligns explicit sections vertical on portrait.

.am-btn-link added to style links to be visually consistent (font size, padding, color, etc) with buttons.

v1.3.9: Updates

@ionlyseespots ionlyseespots released this Apr 30, 2015 · 99 commits to master since this release

Oops, my bad.

v1.3.8: Updates

@ionlyseespots ionlyseespots released this Apr 30, 2015 · 100 commits to master since this release

formam-layout="vertical" now correctly aligns fieldset as a root sectioning element

v1.3.7: Updates

@ionlyseespots ionlyseespots released this Apr 29, 2015 · 106 commits to master since this release

Ambient updates

HTML5

Layout

form input layout is now controlled by fieldset.

am-layout="VALUE-align correctly aligns on nav.

CSS

Colors are now primary, secondary and a basic color palette group.

.am-clr-NUMBER-border now displays a border with color.

  • ...

Docs and templates

Notable changes

  • pre margin top is now .5em
  • am-layout portrait orientation padding on table td is now 1/2 of landscape orientation root variable.
  • The website is not salmon.

v1.3.6: Updates

@ionlyseespots ionlyseespots released this Apr 29, 2015 · 111 commits to master since this release

Ambient updates

HTML5

Layout

nav am-layout="vertical" links now display properly in chrome.

am-margin & am-padding attribute value large now display as 3em.

am-layout="frame" now has value absolute and am-scrollable now displays a border.

am-block now has a customizable gutter: am-block="gutter"

CSS

  • .am-btn shadows removed and are now available as optional design pattern .am-shadow-VALUE

Docs and templates

Notable changes

  • am-block now properly displays full width for 12P

v1.3.5: Updates

@ionlyseespots ionlyseespots released this Apr 3, 2015 · 135 commits to master since this release

Ambient updates

HTML5

header now aligns self: flex-start. View Codepen example

Layout

am-layout="frame" added to assist (scrollable content) infinite scrolling. The frame arranges content vertically to create a strong infinite scrolling experience header, div am-scrollable and footer. Scrollable content can be scrolled left or right. View Codepen example

am-block has been added. Blocks are a new grid that can be used to structure content "in the weeds". It is 12-column by default, but can be customized via a LESS variable to fit any column count. Blocks are infinitely nestable, and be portrait, landscape, or both. View CodePen example.

am-wrapper is now a parent (body) or child (element) container.

CSS

  • am-margin & am-padding is now 1em by default.
  • am-flat has been added as a skin class for flat buttons.
  • LESS variables
    • -var are now all prefixed with @am-
    • @am-block-columns added for blocks column count

Docs and templates

Notable changes

  • Ambient now makes use of Grunt.

v1.3.3: Updates

@ionlyseespots ionlyseespots released this Mar 19, 2015 · 182 commits to master since this release

Ambient updates

HTML5

table is now supported. Tabular data will display both portrait & landscape, and makes use of the scope and data attributes. View Codepen example

fieldset is now supported, and makes use of therole attribute on a child container div. View CodePen example

Layout

am-layout="vertical" on a nav element now supports the values "left-align", "right-align" and "center-align". I.E., am-layout="vertical right-align"

am-layout="vertical-center" now allows vertical centering on any element.

am-wrapperattribute added for container div.

am-layer now defaults to a static z-index, with optional shadows and hover event.

CSS

  • Added the ability to customize the am- namespace with a prefix variable. You can make Ambient your own. I.E., oc-layout
  • Added skin classes for shadows. I.E., .am-shadow-z1, .am-shadow-z1-top and .am-shadow-z1-bottom.
  • Added LESS variables for
    • the base color palette. I.E., @am-palette-1 - @am-palette-20. Optional Material colors and variables are available. View colors
    • the table colors, borders and padding.
    • the base font size, line height, padding, and margin.
    • the link focus color and bg.

Docs and templates

Added a gallery for Ambient examples. View CodePen gallery

Notable changes

  • .am-btn now inherits disabled skin class styles (.am-disabled) on inputs
  • form elements are now 100% width.