From 6e8e9855a1c2b2b05d0c59da8138de110325b45c Mon Sep 17 00:00:00 2001 From: Sagnik Ganguly Date: Tue, 14 Feb 2023 18:34:10 +0530 Subject: [PATCH] ADDED: Utility: BackgroundColors: Added bg-* classes to add or change background color of elements easily. --- src/css/utilities/background-colors.css | 99 +++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 src/css/utilities/background-colors.css diff --git a/src/css/utilities/background-colors.css b/src/css/utilities/background-colors.css new file mode 100644 index 00000000..5edfc03b --- /dev/null +++ b/src/css/utilities/background-colors.css @@ -0,0 +1,99 @@ +/* + * Copyright (c) 2022-2023 SGNetworks. All rights reserved. + * + * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification", "Alteration", "Re-distribution" is completely prohibited. + * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES. + */ + +.bg-black { + background-color: var(--black) !important; +} + +.bg-grey { + background-color: var(--grey) !important; +} + +.bg-cod-grey { + background-color: var(--cod-grey) !important; +} + +.bg-all-black { + background-color: var(--all-black) !important; +} + +.bg-eerie-black { + background-color: var(--eerie-black) !important; +} + +.bg-filmpro-black { + background-color: var(--filmpro-black) !important; +} + +.bg-mine-shaft { + background-color: var(--mine-shaft) !important; +} + +.bg-jet { + background-color: var(--jet) !important; +} + +.bg-davy-grey { + background-color: var(--davy-grey) !important; +} + +.bg-granite-gray { + background-color: var(--granite-gray) !important; +} + +.bg-dim-gray { + background-color: var(--dim-gray) !important; +} + +.bg-sonic-silver { + background-color: var(--sonic-silver) !important; +} + +.bg-gray { + background-color: var(--gray) !important; +} + +.bg-spanish-gray { + background-color: var(--spanish-gray) !important; +} + +.bg-quick-silver { + background-color: var(--quick-silver) !important; +} + +.bg-dark-gray-x11 { + background-color: var(--dark-gray-x11) !important; +} + +.bg-silver-chalice { + background-color: var(--silver-chalice) !important; +} + +.bg-gray-x11-gray { + background-color: var(--gray-x11-gray) !important; +} + +.bg-silver { + background-color: var(--silver) !important; +} + +.bg-light-gray { + background-color: var(--light-gray) !important; +} + +.bg-gainsboro { + background-color: var(--gainsboro) !important; +} + +.bg-cultured { + background-color: var(--cultured) !important; +} + +.bg-white { + background-color: var(--white) !important; +} +