media-breakpoint-between($lower, $upper) Dependencies The mixins are declared in mixins/_breakpoints.scss, and depend on the $grid-breakpoints map, found in _variables.scss. Example Breakpoint map: $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) Mixin: @include media-breakpoint-between(sm, md) { // your code } Compiles to @media (min-width: 576px) and (max-width: 991px) {} Important notice Media-breakpoint-between mixin usesContinue reading “How to use media qurey mixin in SASS”
Category Archives: css
SASS and the power of Mixins!
Introduction: Sass is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein have continued to extend Sass with SassScript, a scripting language used in Sass files . Credit goes to Josh Pollock a wordpress developer and educator. What is it a nutshell: Continue reading “SASS and the power of Mixins!”
Rotating Text with CSS
To rotate text using CSS in different browsers , use the css id selector rotateText. Thus the style rule below will be applied any html element with id=”rotateText” ( The id selector uses the id attribute of the HTML element, and is defined with a “#”, if you want to use the class selector forContinue reading “Rotating Text with CSS”
Anthony Ku Ong 