panec / mvsass Goto Github PK
View Code? Open in Web Editor NEWSeparate CSS styles from view with SASS in MVC alike pattern
License: GNU General Public License v2.0
mvsass's People
Contributors
Watchers
mvsass's Issues
Group media queries to limit file size
Now each value is contain in media query brake point. Possible way to improve it:
- group media queries by css selector (one media query by one css selector)
- group media queries by itself (one media query by one css file)
Incorporate syntax for generating styles by list of supported css selectors
This feature will be useful for creating different files based on some custom criteria:
$inline: (
".navigation",
".navigation.navigation-site"
) !global;Should generate file that contain only those selectors (from all the files that are referenced)
Add examples for mixins
Add mixin for inserting custom map on specific brake point with nth syntax support
This will allow to create temporary map values with settings for option and then inserting them into final map on desired position
Optimize generating media queries for nth syntax
Now the function generates media query for each brake point individually, even if all of them are the same, it should generate them only if they are different from default value.
Also when the values next to each other are the same it should group media query boundaries to limit no of them in generated code.
Add support for new syntax
item_: (
background-color : (
default : #FFF,
":nth-child(1)" : invert( rgba( #F00, 1 ) ),
":nth-child(2)" : invert( rgba( #0F0, 1 ) ),
":nth-child(3)" : invert( rgba( #00F, 1 ) ),
":nth-child(n+4):nth-child(-n+7)" : invert( rgba( #F0F, 1 ) ),
),
clear : (
default : null,
":nth-child(3n+4)" : (
default : null,
md : left,
),
":nth-child(2n+3)": (
default : left,
md : null,
),
),
float : left,
width : (
default : 20%,
xxs : 50%,
xs : 33.3%,
sm : 25%,
md : 20%,
)
)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.