/** * dashboard-finish-setup.scss * Styles for WooCommerce dashboard finish setup widgets * only loaded on the dashboard itself. */ /** * Imports */ @import "mixins"; @import "variables"; @import "fonts"; /** * Styling begins */ .dashboard-widget-finish-setup { .progress-wrapper { border: 1px solid #757575; border-radius: 10px; font-size: 0.9em; padding: 2px 8px 2px 5px; display: inline-block; } .progress-wrapper span { position: relative; top: -2px; } .description div { margin-top: 11px; float: left; width: 70%; } .description img { float: right; width: 30%; } .circle-progress { circle { stroke: #f0f0f0; stroke-width: 1px; } .bar { stroke: #949494; } } }