Template:Infobox chip/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
html.skin-citizen-light .infobox.chip-class-giga {
html {
background: #f7cee7;
--giga-chip-background-light: #f7cee7;
--mega-chip-background-light: #adefef;
--dark-chip-background-light: #b58cd6;
--giga-chip-background-dark: #63535D;
--mega-chip-background-dark: #486363;
--dark-chip-background-dark: #544163;
}
}


html.skin-citizen-dark .infobox.chip-class-giga {
html.skin-citizen-light {
background: #63535D;
--giga-chip-background: var(--giga-chip-background-light);
--mega-chip-background: var(--mega-chip-background-light);
--dark-chip-background: var(--dark-chip-background-light);
}
}


html.skin-citizen-light .infobox.chip-class-mega {
html.skin-citizen-dark {
background: #adefef;
--giga-chip-background: var(--giga-chip-background-dark);
--mega-chip-background: var(--mega-chip-background-dark);
--dark-chip-background: var(--dark-chip-background-dark);
}
}


html.skin-citizen-dark .infobox.chip-class-mega {
.infobox.chip-class-giga {
background: #486363;
background: var(--giga-chip-background);
}
}


html.skin-citizen-light .infobox.chip-dark {
.infobox.chip-class-mega {
background: #b58cd6 !important;
background: var(--mega-chip-background);
}
}


html.skin-citizen-dark .infobox.chip-dark {
.infobox.chip-class-dark {
background: #544163 !important;
background: var(--dark-chip-background);
}
}

Revision as of 18:01, 22 October 2022

html {
	--giga-chip-background-light: #f7cee7;
	--mega-chip-background-light: #adefef;
	--dark-chip-background-light: #b58cd6;
	--giga-chip-background-dark: #63535D;
	--mega-chip-background-dark: #486363;
	--dark-chip-background-dark: #544163;
}

html.skin-citizen-light {
	--giga-chip-background: var(--giga-chip-background-light);
	--mega-chip-background: var(--mega-chip-background-light);
	--dark-chip-background: var(--dark-chip-background-light);
}

html.skin-citizen-dark {
	--giga-chip-background: var(--giga-chip-background-dark);
	--mega-chip-background: var(--mega-chip-background-dark);
	--dark-chip-background: var(--dark-chip-background-dark);
}

.infobox.chip-class-giga {
	background: var(--giga-chip-background);
}

.infobox.chip-class-mega {
	background: var(--mega-chip-background);
}

.infobox.chip-class-dark {
	background: var(--dark-chip-background);
}