| debug-view-sk { |
| |
| .bottom { |
| width: auto; |
| height: 80vh; |
| } |
| |
| .fit { |
| max-width: 100%; |
| max-height: 80vh; |
| width: auto; |
| height: auto; |
| } |
| |
| .natural { |
| width: auto; |
| height: auto; |
| } |
| |
| .right{ |
| width: 100%; |
| height: auto; |
| } |
| |
| // TODO(nifong): add the switch that toggles between these two backgrounds |
| .light-checkerboard { |
| border: solid lightgray 1px; |
| background-position: 0px 0px, 10px 10px; |
| background-size: 20px 20px; |
| background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), |
| linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%); |
| } |
| |
| .dark-checkerboard { |
| border: solid lightgray 1px; |
| background-position: 0px 0px, 10px 10px; |
| background-size: 20px 20px; |
| background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent 75%, #555 75%, #555 100%), |
| linear-gradient(45deg, #555 25%, #222 25%, #222 75%, #555 75%, #555 100%); |
| } |
| |
| button { |
| border: none; |
| background-color: transparent; |
| margin: 5px; |
| } |
| |
| img { |
| opacity: 0.5 /* I have black icons but want grey ones */ |
| } |
| |
| } |