7.0.2

Switch from overflow-wrap: break-word to overflow-wrap: anywhere to prevent bug in flex containers.

See https://dev.to/somshekhar/overflow-wrap-in-a-flex-container-35

7.0.1

Apply cursor: pointer; to <summary> elements

7.0.0

Major rewrite that removes legacy browser code and uses :where() as much as possible to reduce specificity to zero. See readme for more details.

6.1.0

Use :where() to reduce the specificity of mailto and tel link selectors:

a {
  background-color: transparent;

  // Prevent long mailto links from breaking layouts
  // https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
- &[href^="mailto"] {
+ &:where([href^="mailto"]) {
    word-break: break-all;
    word-break: break-word;// Non-standard value for WebKit
  }

  // Override iOS phone number link styling
- &[href^="tel"] {
+ &:where([href^="tel"]) {
    color: inherit;
    text-decoration: none;
  }
}

6.0.1

Minor update adding height: auto; back for fluid media to handle cases where the element has an inline height attribute.

 img,
 picture,
 video,
 canvas {
   display: block;
+  height: auto;
   max-width: 100%;
 }

6.0.0

Breaking changes

• Remove ::marker { color: transparent; } in favor of ul[role="list"], ol[role="list"] { list-style: none; }
  • Now whenever you want to remove the default bullets you’ll need to add role="list".
• Responsive image styles have been updated to remove old IE fixes, and expanded to include other elements:

  -img {
  -  border: 0;// Remove border when inside <a> element in IE 8/9/10
  -  height: auto;
  -}
  +// Fluid media
  +img,
  +picture,
  +video,
  +canvas {
  +  display: block;
  +  max-width: 100%;
  +}

• Updated the Firefox focus ring styles to only affect specific input elements:

   button::-moz-focus-inner,
  -input::-moz-focus-inner {
  +[type="button"]::-moz-focus-inner,
  +[type="reset"]::-moz-focus-inner,
  +[type="submit"]::-moz-focus-inner {
  +  border-style: none;
     padding: 0;
   }

Other updates

• Added styles for file upload buttons
• Updated dependencies

5.0.0

Breaking changes

• Removed ol, ul { list-style: none; } in favor or ::marker { color: transparent; } to address issue with VoiceOver in Safari (see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html)
• Dropped Bower support

Dependencies

• Updated all dependencies to latest version
• Added npm scripts to make it easier to publish new versions

4.0.0

• Upgrade to Node v14 and Gulp v4
• Update Autoprefixer browser config
• Remove italics from <cite>, <var>, <address>, and <dfn> tags

v2.4.1

• Update autoprefixer to only support the following:
  • "last 2 versions"
  • "Android >= 4.4"
  • "Explorer >= 9"
  • "iOS >= 8"
• Update to NodeJS 8.x and update dependencies

v2.0.0

• Form elements (i.e. input, button, select, textarea) are no longer reset, only normalized. This gives developers the option of using the native styling.
• No longer removing borders universally (required in order to leave default form styling)
• Add @charset 'UTF-8';
• Add touch-action: manipulation; to remove 300ms delay in IE10+
• Add styles for blockquote[type=cite], acronym[title], abbr[title], ins, and mark
• Update inline documentation