Fixes and RTL improvements

• Fix issue in MQ management on Sass version
• Fix invalid license format in package.json
• Add variable for activating fixes for old IEs
• Fix RTL management with helpers (on builder)

Version 4.0.0 is here

New features

• added detection of breakpoint (can be used by JavaScript), based on body::before content.
• added a lot of responsive atomic helpers (see below)
• added reset on button, input, etc.
• added class .nonvisible (visibility: hidden), useful for apps
• added variables for colors (.button, body, etc.)
• added variables for clear floats
• added class inline-row

A touch of atomic

• added helpers for text (ex.: .onmobile-aligncenter { text-align: center; } )
• added helper generation for margin/paddings, namespaced for each major breakpoint (ex.: .ontablet-pl0 { padding-left: 0; } )

Fixes bugs, enhancements, removals

• input/button/etc. with disabled attribute won’t have mouse cursor anymore (as they are disabled :) )
• enhanced hyphenation system (based on Knacss’ idea)
• added [hidden] styles
• removed default styles on buttons
• enhanced reset4print class for print version
• removed default border style for dialog tag
• updated str-replace function in Sass versions
• updated quotation URL reference, and other URLs in files
• updated comments in Sass version
• fixed typos

Website

• the website is now working as a PWA.

Added responsive helpers

• Added responsive helpers for text alignments
• Add detection of breakpoint on body::before

Enhanced hyphenation system (classes/etc.)

Based on an idea used on KNACSS, the hyphenation is better managed for browsers that support hyphens properties. Example:

.cut {
  word-wrap: break-word;
}
@supports (-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto) {
  .cut {
    word-wrap: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

v3.6.0

• Add reset on inputs/button/etc.,
• [hidden] styling,
• and removed unnecessary styles on button/inputs

First release of Röcssti

V3.5.0

Add PHP file for Röcssti builder + reset border dialog