https://github.com/jerryjappinen/linna-sass

Useful Sass utilities and default styles
https://github.com/jerryjappinen/linna-sass

Last synced: about 2 months ago
JSON representation

Useful Sass utilities and default styles

• Host: GitHub
• URL: https://github.com/jerryjappinen/linna-sass
• Owner: jerryjappinen
• License: mit
• Created: 2022-07-10T10:46:30.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-04T21:16:35.000Z (over 2 years ago)
• Last Synced: 2024-08-09T05:11:11.777Z (6 months ago)
• Language: SCSS
• Size: 109 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# linna-scss

`linna-scss` is a collection of useful, generic mixins and functions for developing web sites and apps. Designed to be compatible with `linna-vue`, but can be used independently.

## Quick start

Install `linna-scss`:

```sh

npm install linna-scss

```

In your SCSS code, import everything:

```scss

@import 'linna-scss';

```

Or customise with your own variables:

```scss

@import 'linna-scss/shared';

@import './my-variables'; // Override default variables here

@import 'linna-scss/global';

@import 'linna-scss/util';

```

Or pick only what you need:

```scss

// Shared

@import 'linna-scss/variables';

@import 'linna-scss/functions';

@import 'linna-scss/mixins';

@import './my-variables';

// Normalizations and defaults (these output CSS)

@import 'linna-scss/custom-properties';

@import 'linna-scss/normalize';

@import 'linna-scss/defaults';

@import 'linna-scss/util';

```

You might not need all defaults or utilities. You can leave them out to optimise file size:

```scss

@import './defaults/body';

@import './defaults/forms';

@import './defaults/tables';

@import './util/bodytext';

```

### Importing in a JavaScript file

```js

import 'linna-scss/variables'

import 'linna-scss/functions'

import 'linna-scss/mixins'

import './my-variables'

import 'linna-scss/normalize'

import 'linna-scss/defaults'

```