Skip to content

@scottdejonge scottdejonge released this Aug 19, 2019 · 16 commits to master since this release

Fixes for .media-cover class to ensure that the object-fit behaviour is inherited.

Assets 2

@scottdejonge scottdejonge released this Aug 15, 2019 · 22 commits to master since this release

Possible breaking changes

  • Moved @custom-media custom media queries from _base.css to _media_queries.css and remove from :root {} context as per issue (postcss/postcss-custom-media#54)
  • Removed position: absolute; from .position-[direction] utility classes

Additons

  • Added numerical value .font-weight-* utility classes for 100-900 values
  • Added position-absolute, position-fixed, position-relative classname variants for utility classes
  • Added sticky, position-sitcky and static, position-static utility classes
  • Added cursor-* utility classes for all values of the cursor property
  • Added font-style-* utility classes for all values of the font-style property
  • Added media-cover class to set media element to absolutely cover containing element
  • Added no-border-radius alias for setting border-radius: 0:
  • Added overflow-wrap-* utility classes for all values of the overflow-wrap property
  • Added group-column and group-nowrap to groups
  • Added opacity-* utility classes for general 5% opacity scales
  • Added height-100 utility class for height: 100%
  • Added width-100 utility class for width: 100%
  • Added --form-message-font-style, --form-message-text-transform and --form-message-letter-spacing property declarations
  • Added --label-font-style property declaration
  • Added --input-font-style, --input-text-transform and --input-letter-spacing property declarations
  • Added --select-font-style, --select-text-transform and --select-letter-spacing property declarations
  • Added --control-font-style, --control-text-transform and --control-letter-spacing property declarations

Updates

  • Updated dependancies. Including major versions for postcss@^7.0.17 and postcss-preset-env@^6.7.0
  • Updated --select-border-radius default variable definition in _form.css to --input-border-radius
  • Updated .font-weight-* named variables and utility classes to match common name matching as identified in issue #32
  • Updated .position-[direction] utility classes to include variants for position-top, position-right, position-bottom, position-left
  • Updated display-title default variable definitions for better default styling
  • Updated opinionated styles from <fieldset> default variable definitions, instead opting basic display which can be customised if desired
  • Updated --legend-padding to 0 default variable definitions removing opinionated styles
  • Updated .media class to set child <img>, <video>, & <canvas> elements to be object-fit: cover by default

Removals

  • Removed duplicate caption selector in reset.css
  • Removed position: absolute; from .position-[direction] utility classes

Fixes

  • Fix typo in package.json browserlist value
  • Button with spinner class set color: transparent to ensure spinner is visible over text

Docs

  • Updated Border Color examples with margin-vertical-xs
  • Remove unnecessary duplicate or "Example" <h2> from utility class pages
  • Updated field examples to use <p> tags to improve semantics
  • Cleanup <input /> tags for prettier HTML cleanup
  • Update nav.yml utility class pages into alphabetical order
  • Improve navigation active visual indicators to highlight 3rd level pages
Assets 2

@scottdejonge scottdejonge released this Jan 30, 2019 · 77 commits to master since this release

Additions

  • Add border-radius-none utility class

Fixes

  • Restructure button indicator classes hierarchy to allow for optional .button-* classes for indicators for consistency
Assets 2

@scottdejonge scottdejonge released this Jan 9, 2019 · 81 commits to master since this release

Fixes

  • Fix control checkbox tick rendering error
Assets 2

@scottdejonge scottdejonge released this Jan 9, 2019 · 84 commits to master since this release

Fixes

  • Update http:// links in CSS source to https://
Assets 2

@scottdejonge scottdejonge released this Jan 9, 2019 · 91 commits to master since this release

Breaking changes

  • Updated hide and show utility classes to be consistant with naming convention as outlined in #23

Fixes

  • Remove padding-left on <li> tags within <ol>, <ul> with the .list-unstyled class
  • Replace abritory right: 15px value on select::after arrow with 1em

Additions

  • Add display-none, display-contents, display-flex, display-inline-flex, display-grid utility classes
  • Extend overflow utility classes with x/y varients and adding -webkit-overflow-scrolling: touch; to overflow-scroll utility classes
  • Added --headings-font-style and --headings-small-font-style property declarations
  • Added --display-title-font-style property declaration
  • Added --all-caps-font-style property declaration
  • Added --strong-font-style property declaration
  • Added --code-font-style property declaration
  • Added --pre-font-style property declaration
  • Added --kbd-font-style property declaration
  • Added --mark-font-style property declaration
  • Added --lead-font-style, --lead-text-transform and --lead-letter-spacing property declarations
  • Added --paragraph-font-style, --paragraph-text-transform and --paragraph-letter-spacing property declarations
  • Added --blockquote-text-transform and --blockquote-letter-spacing property declarations
  • Added --cite-line-height, --cite-text-transform and --cite-letter-spacing property declarations
  • Added --definition-term-font-style, --definition-term-text-transform and --definition-term-letter-spacing property declarations
  • Added --definition-description-font-style, --definition-description-text-transform and --definition-description-letter-spacing property declarations
  • Added --list-font-style, --list-text-transform and --list-letter-spacing property declarations
  • Added --emphasis-font-family, --emphasis-font-weight, --emphasis-color property declarations

Documentation

  • Added documentation for pointer-event utility classes
Assets 2

@scottdejonge scottdejonge released this Dec 10, 2018 · 124 commits to master since this release

Upgrades

  • Upgrade normalize.css to v8.0.0
  • Change PostCSS dependancy from postcss-cssnext to postcss-preset-env.
  • Update dependencies to latest compatible major versions
  • Commit package-lock.json
  • Updated color() function to color-mod() (stage 2) CSS spec

Breaking Changes

  • Removed @apply rules and remove _mixins.css definitions along with documentation
  • Removed --gutter and utity classes in preference for --container-gutter being set on the container element only
  • Removed --margin-* and --padding-* custom property definitions in preference for --space avoiding duplicate values
  • Removed font size responsive declarations for :root element, it's not being used, has no real benefit and is easy to update manually
  • Removed --input-*-padding and --select-*-padding custom property definitions as input and select sizes already use relative padding size (em) and this is not required
  • Removed @apply from progress and input[type="range"] elements
  • Removed .big typography styles
  • Removed .small-caps typography styles, rplaced with all-caps with size variants
  • Removed left-* and right-* float utility classes (along with responsive breakpoint classes)
  • Renamed text-* utility alignment classes to .text-align-* and text-transform utility classes to .text-transform-*
  • Refactored button-icon sizing to add sizing for each size under --button-icon-*-size variable definitions, these sizes are inhertited by the <svg> element within a .button-icon element without the need for an icon-* class

Additions

  • Added xxs, and xxl variants for all global classes (font-size, line-height, etc.) elements (input, button, etc.) and @media query breakpoints
  • Added support for control-reversed modifier
  • Added support for [disabled] attribute on <a class="button ...">
  • Added space utility classes to add width and height to an element based on --space-* custom property defintions
  • Added .all-caps as a replacement for .small-caps with size variants for greater flexibility
  • Extended .display-title with size variants for greater flexibility
  • Extended .lead with size variants for greater flexibility
  • Added .group base class with alignment and size variants to be placed on wrappers of <ul> lists with margins applied to <li> elements within
  • Added --spinner-width to control the thickness of the .spinner element
  • Added support for .spinner-* sizes
  • Added .box-shadow-* sizes and utility classes
  • Add margin-negative-* utility classes for all sizes
  • Add margin-vertical-* utility classes for relative sizes (em) including 1, 3-4, 1-2, 1-4
  • Add min-height-* utility classes vh based min-height settings
  • Add order-* utility classes for 1, 2, 3 and aliases first, middle, last
  • Added .button-text modifier class
  • Added .font-family, .font-weight, .font-size, .line-height, .letter-spacing, and .box-shadow utility classes for base settings
  • Added --link-text-decoration-skip and --link-hover-text-decoration-skip for links
  • Added --all-caps-color variable definition
  • Added --label-text-transform and --label-letter-spacing variable definitions
  • Added --control-text-transform, --control-letter-spacing variable definitions
  • Added --definition-term-line-height and --definition-description-line-height variable definitions
  • Added text-decoration-underline and text-decoration-none utility classes

Fixes

  • Added .table-responsive to margin reset
  • Fixed .button-group not resetting border-radius for direct decendants
  • Removed height from being set on input[type="range"] with height: auto
  • Updated package.json scripts to be more descriptive and meaningful
  • Fixed .control check indicator border color to default to checked background color
  • Updated .control:checked indicator SVG glyph, no longer base64 but rather utf-8 encoding for editing and scaling purposes
  • Removed :not(:disabled) from input, .field-float-label, select, and button styles
  • Fix direct child <ul> / <ol> of <li> recieving styles to avoid nested markup inheriting styles
  • Add px affix to flex-1 utility class flex property value: flex: 1 1 0px for IE support
  • Fixes to links text-decoration-skip-ink property value adding text-decoration-skip-ink: auto; to links by default

Style Changes

  • Tighten global --space-* sizes
  • Increase default global --border-radius custom property definition to 0.125rem (4px)
  • Update default global --max-width and --letter-spacing custom property definitions to have generic scales
  • Tightened progress and input[type="range"] heights
  • Tightened .control size scale
  • Decrease default global --label-magin custom property definition
  • Update default global --field-magin and --range-magin custom property definition
  • Updated default <pre> and <code> styles
  • Updated default -icon-* sizes

Documentation

  • Removed <mark> indicator variants
  • Add prettier formatter for .md markdown files
  • Docs move quick start to getting started
Assets 2

@scottdejonge scottdejonge released this May 14, 2018 · 297 commits to master since this release

Fixes

  • Reset <caption> margin for :first-child and :last-child

Updates

  • Updated default line-height variable defintions to be proper fractions
--line-height-xl: 1.75;
--line-height-l: 1.625;
--line-height-m: 1.5;
--line-height-s: 1.375;
--line-height-xs: 1.25;
Assets 2

@scottdejonge scottdejonge released this Apr 7, 2018 · 305 commits to master since this release

  • Merged pull request #20
Assets 2

@scottdejonge scottdejonge released this Apr 5, 2018 · 310 commits to master since this release

  • Merged Pull Request #19
  • Reset margin top/bottom for first/last child instance of a <table> element
Assets 2
You can’t perform that action at this time.