geeks-ui-framework
Version:
A modern, lightweight CSS framework with 15+ components for developers. Build beautiful interfaces with minimal effort.
60 lines (57 loc) • 1.76 kB
CSS
/*
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-position: fixed;
--geeks_ui-padding: 25px; /* default */
--geeks_ui-text-align: center;
}
footer __footer base {
color: var(--geeks_ui-base);
position: var(--geeks_ui--position);
padding: var(--geeks_ui-padding);
background-color: var(--geeks_ui-warning);
color: var(--geeks_ui-color);
text-align: var(--geeks_ui-text-align);
}
footer __footer info {
color: var(--geeks_ui-info);
position: var(--geeks_ui--position);
padding: var(--geeks_ui-padding);
background-color: var(--geeks_ui-warning);
color: var(--geeks_ui-color);
text-align: var(--geeks_ui-text-align);
}
footer __footer secondary {
color: var(--geeks_ui-secondary);
position: var(--geeks_ui--position);
padding: var(--geeks_ui-padding);
background-color: var(--geeks_ui-warning);
color: var(--geeks_ui-color);
text-align: var(--geeks_ui-text-align);
}
footer __footer primary {
color: var(--geeks_ui-primary);
position: var(--geeks_ui--position);
padding: var(--geeks_ui-padding);
background-color: var(--geeks_ui-warning);
color: var(--geeks_ui-color);
text-align: var(--geeks_ui-text-align);
}
footer __footer warning {
color: var(--geeks_ui-warning);
position: var(--geeks_ui--position);
padding: var(--geeks_ui-padding);
background-color: var(--geeks_ui-warning);
color: var(--geeks_ui-color);
text-align: var(--geeks_ui-text-align);
}