#e8e8e8
1.radio-inputs { 2 position: relative; 3 display: flex; 4 flex-wrap: wrap; 5 border-radius: 0.5rem; 6 background-color: #EEE; 7 box-sizing: border-box; 8 box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06); 9 padding: 0.25rem; 10 width: 300px; 11 font-size: 14px; 12} 13 14.radio-inputs .radio { 15 flex: 1 1 auto; 16 text-align: center; 17} 18 19.radio-inputs .radio input { 20 display: none; 21} 22 23.radio-inputs .radio .name { 24 display: flex; 25 cursor: pointer; 26 align-items: center; 27 justify-content: center; 28 border-radius: 0.5rem; 29 border: none; 30 padding: .5rem 0; 31 color: rgba(51, 65, 85, 1); 32 transition: all .15s ease-in-out; 33} 34 35.radio-inputs .radio input:checked + .name { 36 background-color: #fff; 37 font-weight: 600; 38}
Comments
MIT License