postcss-advanced-variables icon indicating copy to clipboard operation
postcss-advanced-variables copied to clipboard

Use Sass-like variables, conditionals, and iterators in CSS

Results 28 postcss-advanced-variables issues
Sort by recently updated
recently updated
newest added

Can a new version be published please?

Currently the `variables` option allows you to have a global list of variables (e.g. from JS or JSON). It would be nice if that feature was extended to support a...

Hey @jonathantneal ! To begin with, thanks for a great plugin! Since we want to use our NUXTJS boilerplate on various projects, we want to be able to change the...

Hi all, I'm switching over from SCSS in BEM-notation to PostCSS and run into the following issue: I declare the main selector as a $c: &; so I can use...

I have @each loop: ```sass @each $status $color in $list-statuses ```` but doesn't work The doc only cover : ```sass @each $animal $i in (puma, sea-slug, egret, salamander) { .#{$animal}-icon...

I'm trying to set up an each loop to render a list of layers as custom properties that we'll use for z-index values in our pattern library. However, I can't...

## Throw error ![image](https://user-images.githubusercontent.com/35905177/70989442-9dd53880-20fe-11ea-993f-c93ab565ead6.png) ## My css code ```css @for $i from 1 through 5 by 2 { .width-#{$i} { width: #{$i}0em; } } ``` ## The postcss.config.js ```js module.exports...

I'm trying to build my project using webpack 4.44.2 and keep getting this error: ``` ERROR in ./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--9-1!./node_modules/postcss-loader/dist/cjs.js!./src/index.css) Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: Cannot read property 'toLowerCase' of...

I have this vars: ```JS const vars = { fontset: { size: '14px', body: '"Mali", cursive', head: '"Itim", cursive' } } module.exports = { plugins: { 'postcss-advanced-variables': { variables: vars...

I created a mixin with variables and `@if` like this; ``` @mixin grid($howmanycols: 2, $gap: 1.5rem){ display:grid; grid-auto-rows:auto; grid-gap:$gap; @if $howmanycols == 2{ grid-template-columns:1fr 1fr; } @else if $howmanycols ==...