/** @format */ .woocommerce-settings-historical-data__columns { display: grid; grid-column-gap: $gap-large; grid-template-columns: calc(50% - #{$gap-large/2}) calc(50% - #{$gap-large/2}); .woocommerce-settings-historical-data__column { align-self: end; margin-top: $gap-small; // Auto-position fix for IE11. @include set-grid-item-position( 2, 2 ); } @include breakpoint( '<960px' ) { grid-template-columns: 100%; .woocommerce-settings-historical-data__column { @include set-grid-item-position( 1, 2 ); } } .components-base-control__label, .woocommerce-settings-historical-data__column-label { margin-bottom: $gap-small; } .components-select-control__input { height: 38px; padding: 8px 2px; } .components-base-control__field { margin-bottom: 0; } } .woocommerce-settings-historical-data__skip-checkbox { margin-top: $gap-large; > .components-base-control__field { margin-bottom: 0; > .components-checkbox-control__label { display: inline-block; margin-bottom: 0; width: auto; } } } .woocommerce-setting__options-group { input[type='checkbox']:checked::before { content: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($studio-white)}%27%2F%3E%3C%2Fsvg%3E'); } } .woocommerce-settings-historical-data__progress-label { display: inline-block; font-weight: bold; margin-bottom: $gap-small; margin-top: $gap-large; & + & { margin-left: 0.25em; } } .woocommerce-settings-historical-data__progress-bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; height: 8px; width: 100%; // Firefox & { background-color: #c4c4c4; } &::-moz-progress-bar { background-color: #0085ba; } // Chrome &::-webkit-progress-bar { background-color: #c4c4c4; } &::-webkit-progress-value { background-color: #0085ba; } } .woocommerce-settings-historical-data__status { display: block; font-weight: bold; margin-top: $gap-large; > .components-spinner { float: none; height: 12px; margin-left: 6px; margin-right: 6px; width: 12px; &::before { left: 2px; height: 3px; top: 2px; transform-origin: 4px 4px; width: 3px; } } } .woocommerce-settings-historical-data__actions { align-items: center; display: flex; }