Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
15 contributors

Users who have contributed to this file

@jorgefilipecosta @m-e-h @jasmussen @mtias @gziolo @mapk @Soean @noisysocks @obenland @nicolad @torounit @frontdevde @brandonpayton @youknowriad @aduth
249 lines (194 sloc) 5.93 KB
@import "./audio/style.scss";
@import "./button/style.scss";
@import "./calendar/style.scss";
@import "./categories/style.scss";
@import "./columns/style.scss";
@import "./cover/style.scss";
@import "./embed/style.scss";
@import "./file/style.scss";
@import "./gallery/style.scss";
@import "./image/style.scss";
@import "./latest-comments/style.scss";
@import "./latest-posts/style.scss";
@import "./media-text/style.scss";
@import "./navigation/style.scss";
@import "./paragraph/style.scss";
@import "./pullquote/style.scss";
@import "./quote/style.scss";
@import "./rss/style.scss";
@import "./search/style.scss";
@import "./separator/style.scss";
@import "./social-links/style.scss";
@import "./spacer/style.scss";
@import "./subhead/style.scss";
@import "./table/style.scss";
@import "./text-columns/style.scss";
@import "./verse/style.scss";
@import "./video/style.scss";
// The following selectors have increased specificity (using the :root prefix)
// to assure colors take effect over another base class color, mainly to let
// the colors override the added specificity by link states such as :hover.
:root {
// Background colors.
.has-pale-pink-background-color {
background-color: #f78da7;
}
.has-vivid-red-background-color {
background-color: #cf2e2e;
}
.has-luminous-vivid-orange-background-color {
background-color: #ff6900;
}
.has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
.has-light-green-cyan-background-color {
background-color: #7bdcb5;
}
.has-vivid-green-cyan-background-color {
background-color: #00d084;
}
.has-pale-cyan-blue-background-color {
background-color: #8ed1fc;
}
.has-vivid-cyan-blue-background-color {
background-color: #0693e3;
}
.has-vivid-purple-background-color {
background-color: #9b51e0;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
.has-very-dark-gray-background-color {
background-color: #313131;
}
// Foreground colors.
.has-pale-pink-color {
color: #f78da7;
}
.has-vivid-red-color {
color: #cf2e2e;
}
.has-luminous-vivid-orange-color {
color: #ff6900;
}
.has-luminous-vivid-amber-color {
color: #fcb900;
}
.has-light-green-cyan-color {
color: #7bdcb5;
}
.has-vivid-green-cyan-color {
color: #00d084;
}
.has-pale-cyan-blue-color {
color: #8ed1fc;
}
.has-vivid-cyan-blue-color {
color: #0693e3;
}
.has-vivid-purple-color {
color: #9b51e0;
}
.has-very-light-gray-color {
color: #eee;
}
.has-cyan-bluish-gray-color {
color: #abb8c3;
}
.has-very-dark-gray-color {
color: #313131;
}
// Gradients
// Our classes uses the same values we set for gradient value attributes, and we can not use spacing because of WP multi site kses rule.
/* stylelint-disable function-comma-space-after */
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
}
.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,rgba(0,208,132,1) 0%,rgba(6,147,227,1) 100%);
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
}
.has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
}
.has-blush-light-purple-gradient-background {
background: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
}
.has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
}
.has-purple-crush-gradient-background {
background: linear-gradient(135deg,rgb(52,226,228) 0%,rgb(71,33,251) 50%,rgb(171,29,254) 100%);
}
.has-luminous-dusk-gradient-background {
background: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
}
.has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,rgb(250,172,168) 0%,rgb(218,208,236) 100%);
}
.has-pale-ocean-gradient-background {
background: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
}
.has-electric-grass-gradient-background {
background: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
}
.has-subdued-olive-gradient-background {
background: linear-gradient(135deg,rgb(250,250,225) 0%,rgb(103,166,113) 100%);
}
.has-atomic-cream-gradient-background {
background: linear-gradient(135deg,rgb(253,215,154) 0%,rgb(0,74,89) 100%);
}
.has-nightshade-gradient-background {
background: linear-gradient(135deg,rgb(51,9,104) 0%,rgb(49,205,207) 100%);
}
.has-midnight-gradient-background {
background: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
}
/* stylelint-enable function-comma-space-after */
}
// Font sizes.
.has-small-font-size {
font-size: 13px;
}
.has-regular-font-size, // Not used now, kept because of backward compatibility.
.has-normal-font-size {
font-size: 16px;
}
.has-medium-font-size {
font-size: 20px;
}
.has-large-font-size {
font-size: 36px;
}
.has-larger-font-size, // Not used now, kept because of backward compatibility.
.has-huge-font-size {
font-size: 42px;
}
// Text alignments.
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
/*rtl:ignore*/
text-align: left;
}
.has-text-align-right {
/*rtl:ignore*/
text-align: right;
}
You can’t perform that action at this time.