Scrims & Overlays

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

Overlays

Overlays are useful for ensuring that text overlaying an image will remain readable.

Elements using an image background can be overlayed with a tint by adding the data attribute data-overlay=”#”. The strength of the tint can be controlled by assigning a number between 1 and 9 to the data attribute. 1 being a light tint, 9 being a heavy tint.

Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

Scrims

Similar to overlays, scrims add a gradient tint to the bottom or top of an element to ensure that overlaying text remains readable — without tinting the entire image.

Elements using an image background can be scrimmed by adding the data attribute data-scrim-top=”#” or data-scrim-bottom=”#”. The strength of the scrim can be controlled by assigning a number between 1 and 9 to the data attribute. 1 being a light ting, 9 being a heavy scrim.

Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

Modern Aesthetic

Build a beautifully performant site with Stack’s vast collection of modular elements.

Build Now

DISCLAIMER:
Stephen Duncan, DCH., S.PhD., PSc.D, FSAC is not a licensed medical doctor and is not licensed or credentialed by the Texas Medical Board, nor does he choose to be based on his personal and professional beliefs regarding natural healing modalities. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC in no way provides procedures, services, labs, or treatments which should be perceived as recommendations made by a license, medical healthcare provider. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC believes that God has created within our bodies the perfect signatures for healing. It is his call/desire to help each individual clear the pathways that block healing and create disharmony by utilizing God’s great pharmacy-the Earth.
The information and resources presented on this site are not intended to replace the care of a qualified health professional. While the ideas presented here are based on extensive research, they are not intended to provide specific advice for any individual person’s medical concerns. The resources on this site are for educational purposes; it is recommended that each individual choose a trusted health care professional for diagnosis and treatment purposes. The author of this site encourages visitors to educate themselves about the various theories and treatment approaches for health care issues, so that the safest, most effective approach can be identified.