csssasscollection
v1.1.1
Published
A CSS 2 and 3 Mixin Collection for Sass.
Downloads
7
Maintainers
Readme
CSS Sass Mixin Collection
Usage
Install it by Yarn or NPM
$ npm install csssasscollection
$ yarn add csssasscollection
Sample for SASS:
@import '~csssasscollection/CSSSassCollectionDefinitions';
@import '~csssasscollection/CSSSassCollectionMixins';
CSSSassCollectionMixins.scss
Sass Mixin Toolkit for generate CSS2/3 StyleSheet files.
CSSSassCollectionDefinitions.scss
$high-dpi: "(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
// Colors
$color-black: #000000;
$background-color: #cccccc;
// Fonts Style
$font-style: normal;
$text-transform: none;
$font-weight: normal;
$font-size: 16;
$line-height: 16;
// Box and etc defaults styles
$box-rounded-radius: 5px;
$box-sizing-type: border-box;
$box-shadow-inset-color: #ccc;
$background-clip-type: padding-box;
$gradient-start-color: #ccc;
$gradient-end-color: #fff;
$opacity: 0.5;
$rotation-degree: 5deg;
$scale-ratio: 1.5;
$transition-duration: 0.2s;
$transition-ease: ease-out;
Developing
Run test for Sass
$ npm run all-tests
$ npm run sass-sniff
$ npm run test
$ jest