Comments (4)
Could be worth adding a note about this I guess.
from sass-boilerplate.
I was actually proposing to change utils
to abstracts
in order to better reflect its nature that it does not generate any code (or output) as all things that it contains are just abstracts (being variables, functions and mixins).
I would also suggest adding _init.scss
that would be first and hold initialization of some variables needed by used frameworks like Zen Grids or Susy.
I also think that those abstracts should be loaded before _normalize.scss
(that could be borrowed from @JohnAlbin which is truly sass and more, based on included @necolas normalize.css) so that order should be:
- abstracts (initialization - no code, probably should include codeless frameworks like zen or susy)
- vendors (reset and frameworks that produce some code)
- base (element styling and common site-wide stuff)
- layout (where all layout lives)
- components (movable widgets)
- page (page specifics)
- theme (reskining where needed)
from sass-boilerplate.
I'll rethink this. Care opening this issue with your comment on Sass-Guidelines repo?
from sass-boilerplate.
Split and moved to sass-guidelines, could be closed.
from sass-boilerplate.
Related Issues (20)
- Responsive common utils? HOT 7
- Tests folder HOT 4
- functions and variables order HOT 7
- import order and vendors HOT 5
- Exclude vendor folder from lint HOT 5
- Nesting depth warning on BEM structure HOT 8
- index.scss (eyeglass-style) HOT 3
- Rename themes to... HOT 6
- Importing in main.scss fails using gulp-sass HOT 7
- Vanilla CSS HOT 1
- Clarify the License HOT 4
- Rewrite the recommendation for vendor (Proposal) HOT 1
- vendor folder should be vendors ? HOT 1
- Add entry to README about `node-sass` configuration
- Question about vendor extension folder HOT 5
- Question about multi-page use. HOT 2
- Shouldn't macro components (layout) be imported AFTER micro components (modules)? HOT 2
- SCSS discourages @import in favor of @use rule HOT 1
- $breakpoint HOT 6
- layout vs layouts HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sass-boilerplate.