Card by andrew-demchenk0
#e8e8e8
1.warning { 2 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 3 width: 320px; 4 padding: 12px; 5 display: flex; 6 flex-direction: row; 7 align-items: center; 8 justify-content: start; 9 background: #FEF7D1; 10 border: 1px solid #F7C752; 11 border-radius: 8px; 12 box-shadow: 0px 0px 5px -3px #111; 13} 14 15.warning__icon { 16 width: 20px; 17 height: 20px; 18 transform: translateY(-2px); 19 margin-right: 8px; 20} 21 22.warning__icon path { 23 fill: #F7C752; 24} 25 26.warning__title { 27 font-weight: 500; 28 font-size: 14px; 29 color: #755118; 30} 31 32.warning__close { 33 width: 20px; 34 height: 20px; 35 margin-left: auto; 36 cursor: pointer; 37} 38 39.warning__close path { 40 fill: #755118; 41}
731 views
Variation of acard
MIT License