geeks-ui-framework/components/__header.css

A modern, lightweight CSS framework with 15+ components for developers. Build beautiful interfaces with minimal effort.

/* 
  Author joey@tech-center.com (Joey Cadieux)
  ----------------------------------
  Geeks UI Css Framework
  Light Css Components Library For Developers 
 */

:root {
	--geeks_ui-color: white;
	--geeks_ui-base: lightslategray;
	--geeks_ui-info: darkblue;
	--geeks_ui-secondary: gray;
	--geeks_ui-warning: firebrick;
	--geeks_ui-primary: DodgerBlue;
	--geeks_ui-text-align: center;
	--geeks_ui-padding: 150px;
	--geeks_ui-background-color: #303846; /* optional */
}

header __header base {
	color: var(--geeks_ui-base);
	background-color: var(--geeks_ui-warning);
	color: var(--geeks_ui-color);
	background-color: var(--geeks_ui-background-color);
	text-align: var(--geeks_ui-text-align);
	padding: var(--geeks_ui-padding);
}

header __header info {
	color: var(--geeks_ui-base);
	background-color: var(--geeks_ui-info);
	color: var(--geeks_ui-color);
	background-color: var(--geeks_ui-background-color);
	text-align: var(--geeks_ui-text-align);
	padding: var(--geeks_ui-padding);
}

header __header secondary {
	color: var(--geeks_ui-base);
	background-color: var(--geeks_ui-secondary);
	color: var(--geeks_ui-color);
	background-color: var(--geeks_ui-background-color);
	text-align: var(--geeks_ui-text-align);
	padding: var(--geeks_ui-padding);
}

header __header warning {
	color: var(--geeks_ui-base);
	background-color: var(--geeks_ui-warning);
	color: var(--geeks_ui-color);
	background-color: var(--geeks_ui-background-color);
	text-align: var(--geeks_ui-text-align);
	padding: var(--geeks_ui-padding);
}

header __header primary {
	color: var(--geeks_ui-base);
	background-color: var(--geeks_ui-primary);
	color: var(--geeks_ui-color);
	background-color: var(--geeks_ui-background-color);
	text-align: var(--geeks_ui-text-align);
	padding: var(--geeks_ui-padding);
}