@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
66 lines (51 loc) • 1.83 kB
CSS
.show-more {
text-align: center; }
.show-more__indicator {
margin-left: auto;
margin-right: auto;
max-width: 325px; }
.section-separator {
padding: 20px 0;
position: relative;
text-align: center; }
.section-separator--border:before {
content: '';
height: 1px;
left: 50%;
position: absolute;
top: calc(50% + 1px);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 1; }
.section-separator--border span {
padding: 0 10px;
position: relative;
z-index: 2; }
.show-more .section-separator {
color: var(--color-brand-secondary-tint-80); }
.show-more .section-separator--border span {
background: var(--color-white); }
.bg-variant-brand-tertiary .show-more .section-separator--border span {
background: returncolorCSSVar("brand-teritary"); }
.show-more .section-separator--border:before {
background: var(--color-gray-20); }
.bg-variant-white .show-more .section-sparator {
color: var(--color-gray-20); }
.bg-variant-white .show-more .section-separator--border span {
background: var(--color-white); }
.bg-variant-white .show-more .section-separator--border:before {
background: var(--color-gray-20); }
.bg-variant-brand-tertiary .show-more .section-sparator {
color: var(--color-gray-20); }
.bg-variant-brand-tertiary .show-more .section-separator--border span {
background: var(--color-brand-tertiary); }
.bg-variant-brand-tertiary .show-more .section-separator--border:before {
background: var(--color-gray-20); }
.bg-brand--off-white .section-separator {
color: #3c4464; }
.bg-brand--white .section-separator--border span {
background: #fff; }
.bg-brand--off-white .section-separator--border span {
background: #f7f5f0; }
/*# sourceMappingURL=show-more.css.map */