diff options
| author |  Benjamin Barenblat <benjamin@barenblat.name> | 2016-11-05 20:22:28 -0400 |
|---|---|---|
| committer | Benjamin Barenblat <benjamin@barenblat.name> | 2016-11-05 20:22:28 -0400 |
| commit | a880469a73727e5cb7abb7d97aad98e96de504a3 (patch) | |
| tree | 77c5b8b5d0fd41651b270cc4d99290f4ffc5f858 /material/material.css | |
| parent | 43dca1d076bdea10473f61dd53ddcd7e43fa5b55 (diff) | |
Basic checklist support
The checkboxes don’t ripple on click yet.
Diffstat (limited to 'material/material.css')
| -rw-r--r-- | material/material.css | 36 |
1 files changed, 35 insertions, 1 deletions
diff --git a/material/material.css b/material/material.css index 5a20eda..ccf8c12 100644 --- a/material/material.css +++ b/material/material.css @@ -1,4 +1,5 @@ -/* Copyright 2016 Benjamin Barenblat +/* Copyright 2015 Google Inc. +Copyright 2016 Benjamin Barenblat Licensed under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the @@ -46,3 +47,36 @@ html, body { /* We can’t use text-overflow because line-height got set to zero for baseline adjustment. */ } + +.Material_Checkbox_checkbox { + display: block; + width: 24px; + height: 24px; + box-sizing: border-box; + border: 2px solid #9c27b0; + border-radius: 2px; +} + +.Material_Checkbox_checked { + background: #9c27b0 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); +} + +.Material_List_SingleLine_element { + list-style-type: none; + height: 48px; + font-size: 16px; + display: flex; + align-items: center; + white-space: nowrap; +} + +.Material_List_SingleLine_icon { + margin: 12px 32px 12px 0; + height: 24px; + width: 24px; +} + +.Material_List_SingleLine_list { + margin: 8px 16px; + padding: 0; +} |