377 views
1.notifications-container { 2 width: 320px; 3 height: auto; 4 font-size: 0.875rem; 5 line-height: 1.25rem; 6 display: flex; 7 flex-direction: column; 8 gap: 1rem; 9} 10 11.flex { 12 display: flex; 13} 14 15.flex-shrink-0 { 16 flex-shrink: 0; 17} 18 19.alert { 20 background-color: rgb(254 252 232); 21 border-left-width: 4px; 22 border-color: rgb(250 204 21); 23 border-radius: 0.375rem; 24 padding: 1rem; 25} 26 27.alert-svg { 28 height: 1.25rem; 29 width: 1.25rem; 30 color: rgb(250 204 21); 31} 32 33.alert-prompt-wrap { 34 margin-left: 0.75rem; 35 color: rgb(202 138 4); 36} 37 38.alert-prompt-link { 39 font-weight: 500; 40 color: rgb(141, 56, 0); 41 text-decoration: underline; 42} 43 44.alert-prompt-link:hover { 45 color: rgb(202 138 4); 46}
Variations
kennyotsu
kotsu
Fullstack MERN web developer from Saint-Petersburg, Russia. 1+ years of commercial developement. Lead of ongoing ATG LLC projects
MIT License