Tuesday, 1 August 2017

Introducing ReSass — A Sassy Responsive Mixin for 8 Screen Sizes

ReSass (ResponsiveSass) creates responsive media queries for seven different screen sizes. These are based on min-width which means if x (x could be 240, 320, 480, 768, 1024, 1140, 1280, or 1500 in pixels) is the size then your CSS will affect any device with screen width x and above. USAGE:
CSS content goes inside {} brackets. These mixins should be used inside a class definition.
The following CSS will hide the .header on screen width 320px and above.
Getting Started!
Getting started is very easy.
Import the resass.scss in your main .SCSS file → @import "path/to/resass";
Now use any or all of the mixins inside a class’ CSS.
Star On GitHub!
Go ahead and star the ReSass repository at GitHub to show your appreciation and to keep up with the updates.
Source: https://managewp.org/articles/15764/introducing-resass-a-sassy-responsive-mixin-for-8-screen-sizes

source https://williechiu40.wordpress.com/2017/08/01/introducing-resass-a-sassy-responsive-mixin-for-8-screen-sizes/

No comments:

Post a Comment