github.com/resonatecoop/id@v1.1.0-43/frontend/index.css (about) 1 @import '@resonate/tachyons'; 2 @import './src/components/progress-bar/index.css'; 3 @import './src/components/image-upload/index.css'; 4 @import './src/components/autocomplete-typeahead/index.css'; 5 @import './src/components/notifications/index.css'; 6 @import './src/components/header/index.css'; 7 @import '@resonate/search-component/index.css'; 8 @import './src/components/footer/index.css'; 9 10 /** 11 * <input> styling for radio + checkbox 12 */ 13 14 input[type="radio"] { 15 opacity: 0; 16 width: 0; 17 height: 0; 18 } 19 20 input[type="radio"]:active ~ label { 21 opacity: 1; 22 } 23 24 input[type="radio"]:checked ~ label { 25 opacity: 1; 26 } 27 28 input[type="radio"]:checked ~ label .icon { 29 fill: var(--black); 30 } 31 32 input[type="checkbox"] ~ label .icon { 33 fill: transparent; 34 } 35 36 input[type="checkbox"]:checked ~ label .icon { 37 fill: var(--black); 38 } 39 40 /** 41 * Offset margin 42 */ 43 44 .ml-3 { 45 margin-left: -1rem; 46 } 47 48 .mr-3 { 49 margin-right: -1rem; 50 } 51 52 /** 53 * Custom html <select> styling 54 */ 55 56 select { 57 -webkit-appearance: none; 58 -moz-appearance: none; 59 background: transparent; 60 background-image: url("data:image/svg+xml;utf8,<svg fill='white' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); 61 background-repeat: no-repeat; 62 background-position-x: 95%; 63 background-position-y: 50%; 64 }