UNPKG

@randstad-design/orbit-multitheme

Version:

multitheme Front-end code based on Randstad Human Forward components

250 lines (192 loc) 5.53 kB
.chart__table td, .chart__table th { padding: 5px 5px; border: 1px solid #fff; } .chart__table th { background: #ccc; } .chart__table tr:nth-child(even) { background: #efefef; } .chart__charts--donut { max-width: 325px; } .chart__charts--donut svg { overflow: visible !important; } .chart__charts--column { height: 375px !important; } .chart__charts--line { height: 300px !important; } .chart__charts .google-visualization-tooltip { font-family: Montserrat, arial, sans-serif; font-size: 16px; text-transform: none; line-height: 25px; border: none !important; border-radius: 4px !important; background-color: #fff !important; } .chart__charts .google-visualization-tooltip path[fill='#ffffff'] { fill: #fff; stroke: #e2e2e2; } .chart__charts .google-visualization-tooltip text[fill='#000000'] { fill: #2e2e2e; } .chart__legend { font-family: Montserrat, arial, sans-serif; font-size: 16px; text-transform: none; line-height: 25px; margin-top: -20px; } @media (min-width: 941px) { .chart__legend { font-family: Montserrat, arial, sans-serif; font-size: 18px; text-transform: none; line-height: 30px; } } .chart__legend ul { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .chart__legend li { margin-right: 30px; margin-left: 10px; display: inline-table; } .chart__legend li::before { border-radius: 50%; content: ''; display: inline-block; height: 10px; margin-left: -10px; margin-right: 5px; width: 10px; } @media (min-width: 941px) { .chart__charts--donut { max-width: 387px; } .chart__charts--column { height: 500px; } .chart__charts--line { height: 450px !important; } .chart__legend { margin-top: -30px; } } .chart text[fill='#444444'] { font-family: Montserrat, arial, sans-serif; font-size: 12px; text-transform: none; line-height: 15px; color: #97999b; fill: #97999b; } @media (min-width: 941px) { .chart text[fill='#444444'] { font-family: Montserrat, arial, sans-serif; font-size: 16px; text-transform: none; line-height: 25px; } } .chart text[fill='#222222'] { font-family: Montserrat, arial, sans-serif; font-size: 12px; text-transform: none; line-height: 15px; color: #97999b; fill: #97999b; } @media (min-width: 941px) { .chart text[fill='#222222'] { font-family: Montserrat, arial, sans-serif; font-size: 16px; text-transform: none; line-height: 25px; } } .chart rect[fill='#cccccc'], .chart rect[fill='#ebebeb'], .chart rect[fill='#333333'] { fill: #e2e2e2; } .chart [stroke='#f0f0f0'] { stroke: #2e2e2e; } .chart [fill='#f0f0f0'] { fill: #2e2e2e; } .chart [data-rs-charts-legend-item='#f0f0f0']::before { background: #2e2e2e; } .chart [stroke='#e8e8e8'] { stroke: #1f82db; } .chart [fill='#e8e8e8'] { fill: #1f82db; } .chart [data-rs-charts-legend-item='#e8e8e8']::before { background: #1f82db; } .chart [stroke='#e0e0e0'] { stroke: #11d15e; } .chart [fill='#e0e0e0'] { fill: #11d15e; } .chart [data-rs-charts-legend-item='#e0e0e0']::before { background: #11d15e; } .chart [stroke='#dcdcdc'] { stroke: #ff661a; } .chart [fill='#dcdcdc'] { fill: #ff661a; } .chart [data-rs-charts-legend-item='#dcdcdc']::before { background: #ff661a; } .chart [stroke='#d8d8d8'] { stroke: #97999b; } .chart [fill='#d8d8d8'] { fill: #97999b; } .chart [data-rs-charts-legend-item='#d8d8d8']::before { background: #97999b; } .chart [stroke='#d3d3d3'] { stroke: #afaf; } .chart [fill='#d3d3d3'] { fill: #afaf; } .chart [data-rs-charts-legend-item='#d3d3d3']::before { background: #afaf; } .chart [stroke='#d0d0d0'] { stroke: #ffc8ad; } .chart [fill='#d0d0d0'] { fill: #ffc8ad; } .chart [data-rs-charts-legend-item='#d0d0d0']::before { background: #ffc8ad; } .chart [stroke='#c8c8c8'] { stroke: #afd2f2; } .chart [fill='#c8c8c8'] { fill: #afd2f2; } .chart [data-rs-charts-legend-item='#c8c8c8']::before { background: #afd2f2; } .chart [stroke='#c0c0c0'] { stroke: #dadadb; } .chart [fill='#c0c0c0'] { fill: #dadadb; } .chart [data-rs-charts-legend-item='#c0c0c0']::before { background: #dadadb; } .chart [stroke='#bebebe'] { stroke: #aaefc5; } .chart [fill='#bebebe'] { fill: #aaefc5; } .chart [data-rs-charts-legend-item='#bebebe']::before { background: #aaefc5; } .chart [stroke='#b8b8b8'] { stroke: #dbdbdb; } .chart [fill='#b8b8b8'] { fill: #dbdbdb; } .chart [data-rs-charts-legend-item='#b8b8b8']::before { background: #dbdbdb; } .chart [stroke='#b0b0b0'] { stroke: #f7beb9; } .chart [fill='#b0b0b0'] { fill: #f7beb9; } .chart [data-rs-charts-legend-item='#b0b0b0']::before { background: #f7beb9; } .chart [stroke='#a9a9a9'] { stroke: #fce8b5; } .chart [fill='#a9a9a9'] { fill: #fce8b5; } .chart [data-rs-charts-legend-item='#a9a9a9']::before { background: #fce8b5; } .chart [stroke='#a8a8a8'] { stroke: #a6c8f0; } .chart [fill='#a8a8a8'] { fill: #a6c8f0; } .chart [data-rs-charts-legend-item='#a8a8a8']::before { background: #a6c8f0; } .chart [stroke='#a0a0a0'] { stroke: #c4dbe1; } .chart [fill='#a0a0a0'] { fill: #c4dbe1; } .chart [data-rs-charts-legend-item='#a0a0a0']::before { background: #c4dbe1; } /*# sourceMappingURL=charts.css.map */