/ / ज़र्ब की नींव में बटन अनुकूलन - सीएसएस, रूबी-ऑन-रेल, एसएएस, ज़र्ब-फाउंडेशन

ज़र्ब की नींव में बटन अनुकूलन - सीएसएस, रूबी-ऑन-रेल, एसएएस, ज़र्ब-फाउंडेशन

फ्रेमवर्क: रेल पर रूबी।

मैंने इस कोड को इसमें शामिल किया: foundation_and_overrides.scss

.button-facebook {
$bg: #000;
@include button($bg);
}

यह मुझे यह त्रुटि देता है:

Sass :: SyntaxError / को इकाइयों (0.0625em) के साथ एक संख्या में जोड़ नहीं सकता है रंग (# एफ 1 एफ 1 एफ 1)।

ZURB "फाउंडेशन में $ bg चर को कैसे अनुकूलित करें?

उत्तर:

उत्तर № 1 के लिए 1

मैं मान रहा हूं कि यह सवाल ज़र्ब फाउंडेशन 4 के बारे में है।

ज़र्ब फाउंडेशन 4 दस्तावेज़ के मुताबिक, button() मिश्रण में छह तर्क होते हैं, और बटन रंग दूसरा तर्क है। इसलिए आप निम्नानुसार बटन रंग निर्दिष्ट कर सकते हैं:

@import "foundation/components/buttons";
.button-facebook{
$bg: #000;
@include button($button-sml, $bg, false, false, false, false);
}

पहला एर्गमेंट बटन का पैडिंग है, आप इसका उपयोग कर सकते हैं $button-tny, $button-sml, $button-med, $button-lrg, emCalc(NNNpx), जो कुछ भी।

अधिक जानकारी के लिए ज़र्ब फाउंडेशन 4 दस्तावेज़ देखें:

http://foundation.zurb.com/docs/components/buttons.html