*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } body { background: #006cc7; font-family: 'Roboto', Helvetica, Arial, sans-serif; } $circleSize: 0px; $dlPad: 20px; $dlWidth: 320px + $dlPad * 2; $dlHeight: $circleSize + 50px + $dlPad*2; 16 $strokeW: 6px; .dl-box {
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter