css - How to loop property values in sass? -

-

this question has answer here:

i've seen implementations of in classes. have text-shadow adds 1px y-coordinate each declaration. want refactor increments while other values stay same. here's code:

text-shadow: 0px 1px #00b760, 0px 2px #00b760, 0px 3px #00b760, 0px 4px #00b760, 0px 5px #00b760, 0px 6px #00b760, 0px 7px #00b760, 0px 8px #00b760, 0px 9px #00b760, 0px 10px #00b760, 0px 11px #00b760, 0px 12px #00b760, 0px 13px #00b760, 0px 14px #00b760, 0px 15px #00b760, 0px 16px #00b760, 0px 17px #00b760, 0px 18px #00b760, 0px 19px #00b760, 0px 20px #00b760, 0px 21px #00b760, 0px 22px #00b760, 0px 23px #00b760, 0px 24px #00b760, 0px 25px #00b760, 0px 26px #00b760, 0px 27px #00b760, 0px 28px #00b760, 0px 29px #00b760, 0px 30px #00b760, 0px 31px #00b760, 0px 32px #00b760, 0px 33px #00b760, 0px 34px #00b760, 0px 35px #00b760, 0px 36px #00b760, 0px 37px #00b760, 0px 38px #00b760, 0px 39px #00b760, 0px 40px #00b760, 0px 41px #00b760, 0px 42px #00b760, 0px 43px #00b760, 0px 44px #00b760, 0px 45px #00b760, 0px 46px #00b760, 0px 47px #00b760, 0px 48px #00b760, 0px 49px #00b760, 0px 50px #00b760, 0px 51px #00b760, 0px 52px #00b760, 0px 53px #00b760, 0px 54px #00b760, 0px 55px #00b760, 0px 56px #00b760, 0px 57px #00b760, 0px 58px #00b760, 0px 59px #00b760, 0px 60px #00b760, 0px 61px #00b760, 0px 62px #00b760, 0px 63px #00b760, 0px 64px #00b760, 0px 65px #00b760, 0px 66px #00b760, 0px 67px #00b760, 0px 68px #00b760, 0px 69px #00b760, 0px 70px #00b760, 0px 71px #00b760, 0px 72px #00b760, 0px 73px #00b760, 0px 74px #00b760, 0px 75px #00b760, 0px 76px #00b760, 0px 77px #00b760, 0px 78px #00b760, 0px 79px #00b760, 0px 80px #00b760, 0px 81px #00b760, 0px 82px #00b760, 0px 83px #00b760, 0px 84px #00b760, 0px 85px #00b760, 0px 86px #00b760, 0px 87px #00b760, 0px 88px #00b760, 0px 89px #00b760, 0px 90px #00b760, 0px 91px #00b760, 0px 92px #00b760, 0px 93px #00b760, 0px 94px #00b760, 0px 95px #00b760, 0px 96px #00b760, 0px 97px #00b760, 0px 98px #00b760, 0px 99px #00b760, 0px 100px #00b760;

i hope can you.

@function custome-box-shadow($n) {   $box-shadow: '';   @for $i 1 through $n {     $shadows: '0px ' + $i +'px #00b760' ;     $box-shadow: $box-shadow + $shadows + ' ,';     }   @return str_slice(unquote($box-shadow), 0, str_length($box-shadow)-1) ; }  .test  {    -moz-box-shadow: custome-box-shadow(3);   -webkit-box-shadow: custome-box-shadow(3);   box-shadow: custome-box-shadow(3); }

link


Comments

Post a Comment

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

-
Image
i've installed yii2-user module/dektrium yii2-app-basic application command composer require "dektrium/yii2-user:0.9.*@dev" config/console.php return [ . . 'modules' => [ 'gii' => 'yii\gii\module', 'user' => [ 'class' => 'dektrium\user\module', ], ], . . ] config/web.php 'components' => [ . . /* 'user' => [ 'identityclass' => 'app\models\user', 'enableautologin' => true, ], */ 'modules' => [ 'user' => [ 'class' => 'dektrium\user\module', ], ], . . ] after that, run command $ php yii migrate/up --migrationpath=@vendor/dektrium/yii2-user/migrations updating database schema . but, when run http://localhost/mylawsuit/yii/web/index.php?r=u
Read more

How to show in django cms breadcrumbs full path? -

-
need advice - how show in breadcrumbs whole path article or page? i've got code: {% ance in ancestors %} <li> {% if not forloop.last %} <a href="{{ ance.get_absolute_url }}">{{ ance.get_menu_title }}</a> {% else %} <span class="active">{{ ance.get_menu_title }}</span> {% endif %} </li> {% endfor %} but shows "home" , current page. how modify show whole path in breadcrumbs? i've found in file menu_tags.py code calls ancestors. @ least there class showbreadcrumbs: class showbreadcrumb(inclusiontag): """ shows breadcrumb node has same url current request - start level: after level should breadcrumb start? 0=home - template: template used render breadcrumb """ name = 'show_breadcrumb' template = 'menu/dummy.html' options = options( argument('start_level', default=0, require
Read more

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -

-
i have app uses rails framework , implements angularjs part of front end. i have pushed heroku , have heroku toolbelt installed, when try migrate db using "heroku run rake db:migrate" receive following error(s): installing core plugins heroku-cli-addons, heroku-apps, heroku-fork, heroku-git, heroku-local, heroku-run, heroku-status... error installing package. try running again gode_debug=info see more output. ! `run` not heroku command. ! perhaps meant `-h`, `2fa`, `auth`, `join`, `open`, `orgs`, `pg`, `ps` or `rake`. ! see `heroku help` list of available commands. i run command "gode_debug=info heroku run rake db:migrate" , receive error: npm err! darwin 14.5.0 npm err! argv "/users/christopher_pelnar/.heroku/node-v4.2.1-darwin-x64/bin/node" "/users/christopher_pelnar/.heroku/node-v4.2.1-darwin-x64/lib/node_modules/npm/cli.js" "install" "heroku-cli-addons" "heroku-apps" "heroku-fork
Read more