@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
103 lines (77 loc) • 2.77 kB
CSS
.poll__item + .poll__item {
margin-top: 10px; }
.poll__option {
border-radius: 4px;
border: 2px solid;
height: 60px;
line-height: 56px;
padding: 0 30px;
text-align: center; }
.poll__result {
margin-right: 10px; }
.bg-variant-brand-primary .poll__option {
border-color: var(--color-brand-tertiary);
color: var(--color-white); }
.bg-variant-brand-secondary .poll__option {
border-color: var(--color-brand-tertiary);
color: var(--color-white); }
.bg-variant-brand-tertiary .poll__option {
border-color: var(--color-brand-secondary);
color: var(--color-brand-secondary); }
.bg-variant-white .poll__option {
border-color: var(--color-brand-primary);
color: var(--color-brand-secondary); }
.bg-variant-brand-quaternary .poll__option {
border-color: var(--color-brand-secondary);
color: var(--color-brand-secondary); }
.bg-variant-brand-quinary .poll__option {
border-color: var(--color-brand-secondary);
color: var(--color-brand-secondary-shade-180); }
.bg-variant-brand-senary .poll__option {
border-color: var(--color-brand-secondary);
color: var(--color-brand-secondary); }
.bg-variant-brand-primary .poll__option--selected {
background: var(--color-brand-tertiary);
color: var(--color-brand-secondary); }
.bg-variant-brand-secondary .poll__option--selected {
background: var(--color-brand-tertiary);
color: var(--color-brand-secondary); }
.bg-variant-brand-tertiary .poll__option--selected {
background: var(--color-brand-secondary);
color: var(--color-white); }
.bg-variant-white .poll__option--selected {
background: var(--color-brand-primary);
color: var(--color-white); }
.bg-variant-brand-quaternary .poll__option--selected {
background: var(--color-brand-secondary);
color: var(--color-white); }
.bg-variant-brand-quinary .poll__option--selected {
background: var(--color-brand-secondary);
color: var(--color-white); }
.bg-variant-brand-senary .poll__option--selected {
background: var(--color-brand-secondary);
color: var(--color-white); }
.bg-brand--turquoise .poll__option,
.bg-brand--yellow .poll__option {
border-color: #0f1941; }
.bg-brand--off-white .poll__option {
border-color: #0f1941;
color: #0f1941; }
.bg-brand--red .poll__option {
border-color: #03050d;
color: #03050d; }
.bg-brand--blue .poll__option--selected {
color: #2175d9; }
.bg-brand--dark-blue .poll__option--selected {
color: #0f1941; }
.bg-brand--turquoise .poll__option--selected,
.bg-brand--yellow .poll__option--selected,
.bg-brand--off-white .poll__option--selected {
background: #0f1941;
color: #f7f5f0; }
.bg-brand--red .poll__option--selected {
background: #03050d;
color: #fff; }
.modal__close svg {
color: currentColor; }
/*# sourceMappingURL=poll.css.map */