تجف بلدي CSS، ولكن نريد للحفاظ على تركيب CSS الأساسي

Question

وبدء القضبان مشروع جديد ولدينا لوحة الألوان جيدا مدروسة، وتريد التقاط أنه في مكان واحد. وعادة ما حافظت الألوان في CSS، ولكن أجد أنا في نهاية المطاف مع كل نفس اللون في الكثير من محددات مختلفة، كما يظهر كلون الخلفية، لون، لون الحدود، وما أنا أيضا سوف تحتاج كلما الوصول إلى الألوان في جافا سكريبت. سيكون أمرا رائعا لمجرد تحديد كل لون واحد.

وهكذا أود فقط أن تحدد لوحة الألوان بلدي بطريقة لإعادة استخدامها في CSS وجافا سكريبت، ولكن أنا لا أريد أن يذهب كل في طريقه إلى ساس، والتخلي عن تركيب CSS تماما.

هل هناك القضبان البرنامج المساعد التي سبق أن يسمح هذا؟ ويمكنني أن التصحيح معا حلا نوع ERB، لكنني لا أريد أن تفعل ذلك إذا كان شخص آخر لديه شيء متاحة بسهولة.

Answer 1

وهناك مشروع جديد من دعا {} أقل أن أصوات مثل ما كنت تبحث عن: http://lesscss.org /

Answer 2

أقل يبدو ان لديه <لأ href = "http://github.com/augustl/less- لالقضبان / شجرة / سيد "يختلط =" noreferrer نوفولو "> القضبان المساعد ، وأكثر المغلق مثل بناء الجملة.

Answer 3

وهناك العديد من موزعي جانب الملقم مثل LESS وساس، ولكن إذا كنت ترغب في استخدام عقلية جفن Palett في المستقيم CSS لديك لrevers تفكيرك. تعريف الأنماط الأساسية مثل الألوان والخطوط وغيرها، وتطبيق فئات متعددة على مستوى العلامة.

[نمط]

و.color1 {اللون: أحمر}

و.color2 {اللون: الأزرق}

و.color3 {اللون: أخضر}

و.bcolor1 {اللون: أحمر}

و.bcolor2 {اللون: الأزرق}

و.bcolor3 {اللون: أخضر}

[/ نمط]

[سمة الطبقة = "bcolor2 color1 و"]

لقد عمل هذا بشكل جيد للغاية بالنسبة لنا.

Answer 4

و(النقي CSS) وهناك طريقة أخرى قد تكون لتعريف كل لون واحد، ولها عدة محددات المرتبطة بهذا التعريف عمر الفاروق اللون، على سبيل المثال:

body,
p,
#foo,
.bar {color: #802369 }