#e8e8e8
1.card { 2 overflow: hidden; 3 position: relative; 4 background-color: #ffffff; 5 text-align: left; 6 border-radius: 0.5rem; 7 max-width: 290px; 8 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); 9} 10 11.header { 12 padding: 1.25rem 1rem 1rem 1rem; 13 background-color: #ffffff; 14} 15 16.image { 17 display: flex; 18 margin-left: auto; 19 margin-right: auto; 20 background-color: #FEE2E2; 21 flex-shrink: 0; 22 justify-content: center; 23 align-items: center; 24 width: 3rem; 25 height: 3rem; 26 border-radius: 9999px; 27} 28 29.image svg { 30 color: #DC2626; 31 width: 1.5rem; 32 height: 1.5rem; 33} 34 35.content { 36 margin-top: 0.75rem; 37 text-align: center; 38} 39 40.title { 41 color: #111827; 42 font-size: 1rem; 43 font-weight: 600; 44 line-height: 1.5rem; 45} 46 47.message { 48 margin-top: 0.5rem; 49 color: #6B7280; 50 font-size: 0.875rem; 51 line-height: 1.25rem; 52} 53 54.actions { 55 margin: 0.75rem 1rem; 56 background-color: #F9FAFB; 57} 58 59.desactivate { 60 display: inline-flex; 61 padding: 0.5rem 1rem; 62 background-color: #DC2626; 63 color: #ffffff; 64 font-size: 1rem; 65 line-height: 1.5rem; 66 font-weight: 500; 67 justify-content: center; 68 width: 100%; 69 border-radius: 0.375rem; 70 border-width: 1px; 71 border-color: transparent; 72 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 73} 74 75.cancel { 76 display: inline-flex; 77 margin-top: 0.75rem; 78 padding: 0.5rem 1rem; 79 background-color: #ffffff; 80 color: #374151; 81 font-size: 1rem; 82 line-height: 1.5rem; 83 font-weight: 500; 84 justify-content: center; 85 width: 100%; 86 border-radius: 0.375rem; 87 border: 1px solid #D1D5DB; 88 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 89}
Comments
MIT License