Code Monkey home page Code Monkey logo

basscss-sass's Introduction

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 and custom properties, and is distributed across multiple modules.

If you have any choice in the matter, I highly recommend using PostCSS instead of Sass.

Getting Started

npm install basscss-sass
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 module.

Do not edit the scss files in this repository.

See <CONTRIBUTING.md> for more.


MIT License

basscss-sass's People

Contributors

johno avatar jxnblk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

basscss-sass's Issues

Installing with NPM gives a different result to installation with Bower

I donโ€™t know if this is intended but when I install basscss-sass to my project using the npm install basscss-sass command. I get the following list of folders installed with no sign of any Sass files:

screen shot 2016-02-27 at 22 37 10

Installing with Bower gives me what Iโ€™m looking for:

screen shot 2016-02-27 at 22 40 43

Is there an issue with the NPM installation?

๐Ÿ‘‹

Question regarding this sass version

First thing I read on this project's page was:

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.

If we're supposed to avoid all of this, what are the actual advantages of using sass with Basscss then? ๐Ÿ˜†

Just a thought tho, I am a very happy user of css version of Basscss ๐Ÿ˜„

Alpine Linux Support

Old versions of node-sass don't work on Apline Linux until after v4.1.0. Can the node-sass version here be bumped to 4.1 or 4.2 to resolve that?

Defining variables multiple times throughout files?

Just wondering why we are defining the same values throughout multiple files here? I understand it is nice to see which variables are used from a high-level per file, but maybe have the _defaults.scss includes ALL variables and then have the per-file variable list commented out by default? Just a suggestion.

I'd like to use this and just update a single variable file (for colors especially) instead of going through and removing/commenting them for each separate file I use.

Versionning

Would it make sense to follow the same versioning as basscss itself ?
Any chance to update this to reflect latest changes ?

Invalid CSS after "...value: bold */"

Hi,

I get this error with a bower integration + gulp sass compilation :

Error: web/bundles/app/sass/basscss-sass/_btn.scss
Error: Invalid CSS after "...value:  bold */": expected 1 selector or at-rule, was "!default;"
        on line 61 of web/bundles/app/sass/basscss-sass/_btn.scss
>> ld-font-weight /* Fallback value:  bold */ !default;

If I remove the comment all gets working. Can you repare this from the repo plz ? I'd prefer to use Bower instead of my proper copy and correction.

Thx

Why were all the base styles removed?

I upgraded from 3.0.0 to 4.0.0 and noticed that there are no longer files which overwrite user-agent styles e.g. _base-reset.scss, _base-typography.scss, etc. I would love to get some insight into why these were removed, can you let me know โœŒ๏ธ or else point me in the direction of the changelog ๐Ÿ‘‰

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.