https://github.com/silencesys/silent-sass

Helpful set of sass mixins and functions.
https://github.com/silencesys/silent-sass

sass-mixins scss-mixins typography

Last synced: 14 days ago
JSON representation

Helpful set of sass mixins and functions.

• Host: GitHub
• URL: https://github.com/silencesys/silent-sass
• Owner: silencesys
• License: mit
• Created: 2017-09-30T17:01:44.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-01-05T10:27:23.000Z (almost 3 years ago)
• Last Synced: 2024-10-10T15:24:03.222Z (about 1 month ago)
• Topics: sass-mixins, scss-mixins, typography
• Language: SCSS
• Homepage: http://libraries.silencesys.com/sass/docs/
• Size: 157 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Changelog: changelog.md
  • License: license.md

Awesome Lists containing this project

README

        














Is package containing helpful set of mixins and sass utilities to start

devloping responsive sites.









## Installation

```shell

npm install silent-sass

```

It is also recommended to install [laravel-mix](https://github.com/JeffreyWay/laravel-mix) or [webpack](https://github.com/webpack) and [sass-loader](https://github.com/webpack-contrib/sass-loader).

If you have installed __laravel-mix__ and __sass-loader__ webpack config file

should be modified to work with sass-loader:

```js

// your's webpack.mix.js file

mix.webpackConfig({

    module: {

        loaders: [{

            test: /\.scss$/,

            loader: 'style!css!sass'

        }]

    }

})

```

## Config variables

It is recommended to set some default variables eg.

```scss

$base-font-size: 16px !default;    // Absolute height of body text, in pixels

$base-line-height: 24px !default;  // Absolute height of one line of type, in pixels

$rhythm-font-unit: px !default;    // The font unit to use when returning values in rhythm functions

$min-line-padding: 2px !default;   // Ensure there is at least this many pixels of vertical padding above and below the text.

// Allows to round the line height to the nearest half line height instead of the nearest integral line.

$round-to-nearest-half-line: false !default;

```

## License

This package is licensed under the [MIT](license.md) license.