menu

۴- رنگ های متریال دیزاین در وب

فریم ورک Materialize استفاده از رنگ های متریال را بسیار آسان کرده است. استفاده از رنگ های متریال دیزاین با استفاده از این فریم ورک به این صورت است که در قسمت کلاس المنت مورد نظر، ابتدا رنگ را وارد کرده، سپس میزان تیرگی یا روشنی آن را با استفاده از lighten-1 تا lighten-5 یا darken-1 تا darken-4 و یا accent-1 تا accent-4 مشخص میکنید. برای مثال:

که نتیجه کد بالا به این صورت خواهد شد:

این یک div با پس زمینه teal lighten-2 است.

و همچنین برای اینکه رنگ متن آن را تغییر دهید کافیست -text را به انتهای کلاس رنگ اضافه کنید. یعنی به این صورت:

که نتیجه کد بالا به این صورت خواهد بود:

این یک div با رنگ متن آبی است.

و برای استفاده از این رنگ ها در scss میتوانید از کدی مشابه با کد زیر استفاده کنید:

دموی کامل این رنگ ها را میتوانید در [ این آدرس ] مشاهده کنید.

رفتن به نوارابزار