https://github.com/basscss/basscss-sass

Transpiled Basscss Sass partials
https://github.com/basscss/basscss-sass

Last synced: about 2 months ago
JSON representation

Transpiled Basscss Sass partials

• Host: GitHub
• URL: https://github.com/basscss/basscss-sass
• Owner: basscss
• License: mit
• Archived: true
• Created: 2015-04-11T17:59:01.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-02-28T16:44:58.000Z (over 5 years ago)
• Last Synced: 2024-06-29T17:04:52.345Z (3 months ago)
• Language: CSS
• Homepage: http://basscss.com
• Size: 57.6 KB
• Stars: 92
• Watchers: 8
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# basscss-sass

Transpiled Basscss Sass partials

http://basscss.com

This repository is provided as a convenience for users working within a Sass build process.

Basscss is written in standard, spec-compliant CSS, using some new features like [custom media queries](http://dev.w3.org/csswg/mediaqueries/#custom-mq) and [custom properties](http://www.w3.org/TR/css-variables/), and is distributed across multiple modules.

If you have any choice in the matter, I highly recommend using [PostCSS](https://github.com/postcss/postcss) instead of Sass.

## Getting Started

```bash

npm install basscss-sass

```

```bash

bower install basscss-sass

```

## Sass Tips

Using Sass as a preprocessor can cause numerous issues when working on large scale CSS with multiple contributors. I recommend following these tips when using Sass.

- **Never use @extend.** `@extend` is an anti-pattern, and Basscss is not intended to work with this functionality in Sass.

- **Avoid Mixins** Mixins lead to unnecessary complexity, are generally poorly understood, often lead to code bloat, and do not align with Basscss's design principles.

- **Avoid Nesting Selectors** To maintain the composability of Basscss, avoid nesting selectors as much as possible.

## Contributing

**The scss files in this repository are not source files.**

They are transpiled from their respective CSS modules using the

[css-scss](https://github.com/jxnblk/css-scss) module.

Do **not** edit the scss files in this repository.

See  for more.

---

[MIT License](LICENSE.md)