Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
1 lines (1 sloc) 1.47 KB
*{box-sizing:border-box}h1{font-size:1.4em}body{counter-reset:game;text-align:center;background:#e4e9d0;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#333}ul{list-style:none}.game-area{display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;margin:5em auto;position:relative;padding-left:0}.total-count{font-size:1.75em;position:absolute;top:1em;width:100%;left:0;text-align:center;z-index:300}.total-count::after{content:counter(game)}.inner-check,.middle-check,.outer-check{position:absolute;cursor:crosshair;border-radius:50%;display:block;left:0;right:0;text-align:center;margin:0 auto;-webkit-appearance:none;appearance:none;transition:.15s}.inner-check:focus,.middle-check:focus,.outer-check:focus{outline:0;appearance:none}.inner-check:checked,.middle-check:checked,.outer-check:checked{filter:brightness(1);background:#3e95a4}.inner-check:checked:after,.middle-check:checked:after,.outer-check:checked:after{content:'';padding:.5em;margin:1em 0 0 1.5em;font-size:2.5em}.inner-check{background:red;top:50px;width:50px;height:50px;z-index:3}.inner-check:checked{counter-increment:game 20}.inner-check:checked::after{content:'+20'}.middle-check{background:#fff;width:100px;height:100px;z-index:2;top:25px}.middle-check:checked{counter-increment:game 10;background:#bffff5}.middle-check:checked::after{content:'+10'}.outer-check{background:red;width:150px;height:150px;z-index:1}.outer-check:checked{counter-increment:game 1}.outer-check:checked::after{content:'+1'}