6.2K views
1button { 2 background-color: #FFFFFF; 3 border: 1px solid rgb(209,213,219); 4 border-radius: .5rem; 5 color: #111827; 6 font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 7 font-size: .875rem; 8 font-weight: 600; 9 line-height: 1.25rem; 10 padding: .75rem 1rem; 11 text-align: center; 12 -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 13 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 14 cursor: pointer; 15 -moz-user-select: none; 16 -ms-user-select: none; 17 user-select: none; 18 -webkit-user-select: none; 19 -ms-touch-action: manipulation; 20 touch-action: manipulation; 21} 22 23button:hover { 24 background-color: #f9fafb; 25} 26 27button:focus { 28 outline: 2px solid rgba(0,0,0,0.1); 29 outline-offset: 2px; 30} 31 32button:focus-visible { 33 -webkit-box-shadow: none; 34 box-shadow: none; 35}
portseif
portseif
MIT License