گروه مقاله : مثال های کاربردی CSS
تاريخ انتشار : 1394/05/31 - 16:41
كد :6064

پیش فرض های جدید : فرهنگ جامع رنگ Sass در CSS

 
 
 
سیستم نامگذاری رنگ در CSS بسیار بد است: معمولا به خاطر سپردن کلمات کلیدی آن دشوار (navajowhite)، غیر منطقی (darkgrey روشن تر از dimgray ) و از نظر دیداری سوال برانگیز است (lime and fuchsia verge on the bilious).
 
از آنجا که رنگ ها و متغیرهایی که در CSS بصورت سفارشی (custom) نامگذاری شده اند  به طور گسترده ای پشتیبانی می شوند، بهترین راه برای ایجاد نام رنگ های سفارشی پیش پردازنده ها هستند. تعیین رنگ های سایت در Sass یک کتابخانه رنگ منسجم ایجاد می کند که می توانیم از آن برای استایل دهی سریع و آسان محتوا استفاده کنیم ، به همراه نام رنگ هایی که به خاطر سپردن و تایپ آنها بسیار راحت تر از معادل هگز آنهاست. با این حال، ساختن یک کتابخانه رنگ مناسب و معقول با یک سیستم نامگذاری منطقی می تواند کار سختی باشد.
 
 
 
ما در اینجا یک کتابخانه رنگ برای طراحی وب سایت ایجاد کرده ایم. این پیش فرض های جدید که شامل 204 کلمه کلیدی می باشد از نام های معقول و منطقی که به راحتی به خاطر سپرده می شوند و برای اجرا آسان هستند استفاده می کنند.
تا آنجا که ممکن بوده ، کلمات کلیدی را طوری انتخاب کرده ایم که با نام رنگ هایی که در طبیعت وجود دارند نزدیک باشند.
 
 
 
استفاده از کلمات کلیدی که در کتابخانه Sass هستند آسان است.
( شامل color-map.scss_ و color-generator.scss _ ):
 
@import 'maps/_color-map.scss';
@import 'functions/_color-generator.scss';
 
که به شما امکان دسترسی به هر نام رنگی را در Sass می دهد :
body { background: color(sky); }
 
 
اگر شما هنوز از Sass استفاده نمی کنید، ما در اینجا برای راحتی کار شما معادل هگز رنگ ها را نیز آورده ایم :
 
 
 
البته، در خارج از قلمرو علمی، رنگ ها کاملا درونی و وابسته به طرز تفکر شخص هستند : در این مبحث یاد گرفتید که چطور متغیرهای خودتان را در نقشه رنگ ایجاد کنید یا اینکه آنها را متناسب با نوع سلیقه خود تغییر دهید. در حالیکه کلمات کلیدی سنتی برای نام رنگ ها هنوز در دسترس شما هستند.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
نظرات كاربران :