/* Micro reset so global styles don't interfere */ .dash-ticker, .dash-ticker *, .dash-ticker *:before, .dash-ticker *:after { box-sizing: inherit; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; line-height: 1; } .dash-ticker { display: block; max-width: 20em; margin: 0.5em auto; border-radius: 0.5em; background-color: #1D76BC; box-sizing: border-box; color: white; padding: 0.5em; font-family: serif; } .dash-ticker .dash-ticker--title { font-size: 2em; float: left; height: 1em; width: 1em; overflow: hidden; text-indent: -999px; background-image: url(../media/dash.svg); background-size: 100% 100%; } #dash-ticker--price-container { font-size: 2em; text-align: center; } #dash-ticker--price-container > input { position: fixed; right: -200px; } #dash-ticker--price-container > input + label { display: none; cursor: pointer; } #dash-ticker--price-container > input:checked + label { display: block; }