列表SASS的第N个函数

时间:2017-09-14 09:40:56

标签: css list function sass each

添加正确的输入类型时遇到问题。想确保插入正确的输入类型。想想也许这是我设置值的方式,或者检索值的方式可能是错误的。请帮忙。

$login_icon: 20px;
$login_font-size: 30px;
$la-user: "\f364";
$la-pass: "\f271";
$la-envelope: "\f1c7";
$form_name: #username #password #email;
$input_type: text password text;
$icon_name: $la-user $la-pass $la-envelope;

@each $current-col in $form_name {
    $i: index($form_name, $current-col);
    #{$current-col}-element {
        background: red;
        input[type="#{$input_val}"] {
            background: pink;
        }
    }
    #{$current-col}-label {
        color: $current-col;
        content: nth($icon_name, $i);
    }
}

0 个答案:

没有答案