Pragmatic Guide to Sass 3: Tame the Modern Style Sheet by Hampton Lintorn Catlin & Michael Lintorn Catlin

Author:Hampton Lintorn Catlin & Michael Lintorn Catlin [Catlin, Hampton Lintorn]
Language: eng
Format: azw3
Tags: Pragmatic Bookshelf
Publisher: Pragmatic Bookshelf
Published: 2016-07-12T04:00:00+00:00

Use the nth() to expand a list.values/lists.scss

​ ​@mixin​ border-radius($list) {

​ border-radius: $list;

​ -webkit-border-radius: nth($list, 1) nth($list, 2)

​ nth($list, 1) nth($list, 2);

​ }

​

​ .selector {

​ ​@include​ border-radius(20px 5px)

​ }

This compiles to:

​ .selector {

​ border-radius: 20px 5px;

​ -webkit-border-radius: 20px 5px 20px 5px;

​ }

Use parentheses to designate nested lists. ​ $spacing: ("20px, 5px"), ("10px, 15px"), ("30px, 40px");

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.