Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.
Fixes for .media-cover class to ensure that the object-fit behaviour is inherited.
@custom-media custom media queries from _base.css to _media_queries.css and remove from :root {} context as per issue (https://github.com/postcss/postcss-custom-media/issues/54)position: absolute; from .position-[direction] utility classes.font-weight-* utility classes for 100-900 valuesposition-absolute, position-fixed, position-relative classname variants for utility classessticky, position-sitcky and static, position-static utility classescursor-* utility classes for all values of the cursor propertyfont-style-* utility classes for all values of the font-style propertymedia-cover class to set media element to absolutely cover containing elementno-border-radius alias for setting border-radius: 0:
overflow-wrap-* utility classes for all values of the overflow-wrap propertygroup-column and group-nowrap to groupsopacity-* utility classes for general 5% opacity scalesheight-100 utility class for height: 100%
width-100 utility class for width: 100%
--form-message-font-style, --form-message-text-transform and --form-message-letter-spacing property declarations--label-font-style property declaration--input-font-style, --input-text-transform and --input-letter-spacing property declarations--select-font-style, --select-text-transform and --select-letter-spacing property declarations--control-font-style, --control-text-transform and --control-letter-spacing property declarationspostcss@^7.0.17 and postcss-preset-env@^6.7.0
--select-border-radius default variable definition in _form.css to --input-border-radius
.font-weight-* named variables and utility classes to match common name matching as identified in issue #32.position-[direction] utility classes to include variants for position-top, position-right, position-bottom, position-left
display-title default variable definitions for better default styling<fieldset> default variable definitions, instead opting basic display which can be customised if desired--legend-padding to 0 default variable definitions removing opinionated styles.media class to set child <img>, <video>, & <canvas> elements to be object-fit: cover by defaultcaption selector in reset.css
position: absolute; from .position-[direction] utility classesspinner class set color: transparent to ensure spinner is visible over textmargin-vertical-xs
<h2> from utility class pagesfield examples to use <p> tags to improve semantics<input /> tags for prettier HTML cleanupnav.yml utility class pages into alphabetical orderhide and show utility classes to be consistant with naming convention as outlined in #23padding-left on <li> tags within <ol>, <ul> with the .list-unstyled classright: 15px value on select::after arrow with 1em
display-none, display-contents, display-flex, display-inline-flex, display-grid utility classesoverflow utility classes with x/y varients and adding -webkit-overflow-scrolling: touch; to overflow-scroll utility classes--headings-font-style and --headings-small-font-style property declarations--display-title-font-style property declaration--all-caps-font-style property declaration--strong-font-style property declaration--code-font-style property declaration--pre-font-style property declaration--kbd-font-style property declaration--mark-font-style property declaration--lead-font-style, --lead-text-transform and --lead-letter-spacing property declarations--paragraph-font-style, --paragraph-text-transform and --paragraph-letter-spacing property declarations--blockquote-text-transform and --blockquote-letter-spacing property declarations--cite-line-height, --cite-text-transform and --cite-letter-spacing property declarations--definition-term-font-style, --definition-term-text-transform and --definition-term-letter-spacing property declarations--definition-description-font-style, --definition-description-text-transform and --definition-description-letter-spacing property declarations--list-font-style, --list-text-transform and --list-letter-spacing property declarations--emphasis-font-family, --emphasis-font-weight, --emphasis-color property declarationspointer-event utility classesnormalize.css to v8.0.0
postcss-cssnext to postcss-preset-env.color() function to color-mod() (stage 2) CSS spec
@apply rules and remove _mixins.css definitions along with documentation--gutter and utity classes in preference for --container-gutter being set on the container element only--margin-* and --padding-* custom property definitions in preference for --space avoiding duplicate values:root element, it's not being used, has no real benefit and is easy to update manually--input-*-padding and --select-*-padding custom property definitions as input and select sizes already use relative padding size (em) and this is not required@apply from progress and input[type="range"] elements.big typography styles.small-caps typography styles, rplaced with all-caps with size variantsleft-* and right-* float utility classes (along with responsive breakpoint classes)text-* utility alignment classes to .text-align-* and text-transform utility classes to .text-transform-*
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-* classxxs, and xxl variants for all global classes (font-size, line-height, etc.) elements (input, button, etc.) and @media query breakpointscontrol-reversed modifier[disabled] attribute on <a class="button ...">
width and height to an element based on --space-* custom property defintions.all-caps as a replacement for .small-caps with size variants for greater flexibility.display-title with size variants for greater flexibility.lead with size variants for greater flexibility.group base class with alignment and size variants to be placed on wrappers of <ul> lists with margins applied to <li> elements within--spinner-width to control the thickness of the .spinner element.spinner-* sizes.box-shadow-* sizes and utility classesmargin-negative-* utility classes for all sizesmargin-vertical-* utility classes for relative sizes (em) including 1, 3-4, 1-2, 1-4min-height-* utility classes vh based min-height settingsorder-* utility classes for 1, 2, 3 and aliases first, middle, last.button-text modifier class.font-family, .font-weight, .font-size, .line-height, .letter-spacing, and .box-shadow utility classes for base settings--link-text-decoration-skip and --link-hover-text-decoration-skip for links--all-caps-color variable definition--label-text-transform and --label-letter-spacing variable definitions--control-text-transform, --control-letter-spacing variable definitions--definition-term-line-height and --definition-description-line-height variable definitionstext-decoration-underline and text-decoration-none utility classes.table-responsive to margin reset.button-group not resetting border-radius for direct decendantsheight from being set on input[type="range"] with height: auto
package.json scripts to be more descriptive and meaningful.control check indicator border color to default to checked background color.control:checked indicator SVG glyph, no longer base64 but rather utf-8 encoding for editing and scaling purposes:not(:disabled) from input, .field-float-label, select, and button styles<ul> / <ol> of <li> recieving styles to avoid nested markup inheriting stylespx affix to flex-1 utility class flex property value: flex: 1 1 0px for IE supporttext-decoration-skip-ink property value adding text-decoration-skip-ink: auto; to links by default--space-* sizes--border-radius custom property definition to 0.125rem (4px)--max-width and --letter-spacing custom property definitions to have generic scalesprogress and input[type="range"] heights.control size scale--label-magin custom property definition--field-magin and --range-magin custom property definition<pre> and <code> styles-icon-* sizes<mark> indicator variants.md markdown files<table> element