geeks-ui-framework/components/__container.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-color: white;
	--geeks_ui-margin-bottom: 15px;
	--geeks_ui-padding: 20px;
	--geeks_ui-display: grid;
	--geeks_ui-grid-template-columns: auto auto auto auto;
	--geks_ui-border-radius: 5px; /* default */
}

container __container base {
	background-color: var(--geeks_ui-base);
	display: var(--geeks_ui-display);
	border-radius: var(--geks_ui-border-radius);
	grid-template-columns: var(--geeks_ui-grid-template-columns);
}

container __container info {
	background-color: var(--geeks_ui-info);
	display: var(--geeks_ui-display);
	border-radius: var(--geks_ui-border-radius);
	grid-template-columns: var(--geeks_ui-grid-template-columns);
}

container __container secondary {
	background-color: var(--geeks_ui-secondary);
	display: var(--geeks_ui-display);
	border-radius: var(--geks_ui-border-radius);
	grid-template-columns: var(--geeks_ui-grid-template-columns);
}

container __container primary {
	background-color: var(--geeks_ui-primary);
	display: var(--geeks_ui-display);
	border-radius: var(--geks_ui-border-radius);
	grid-template-columns: var(--geeks_ui-grid-template-columns);
}

container __container warning {
	background-color: var(--geeks_ui-warning);
	display: var(--geeks_ui-display);
	border-radius: var(--geks_ui-border-radius);
	grid-template-columns: var(--geeks_ui-grid-template-columns);
}