Button by TanimMahbub
#e8e8e8
1.button { 2 /* typography */ 3 font-size: 22px; 4 font-weight: 600; 5 font-family: monospace; 6 text-transform: uppercase; 7 letter-spacing: 1px; 8 9 /* ui */ 10 border: none; 11 cursor: pointer; 12 display: inline-block; 13 padding: 12px 35px; 14 border-radius: 8px; 15 background: #f6781e; 16 color: #fff; 17 box-shadow: 0 0 0 3px #2f2e41, 0 6px 0 #2f2e41; 18 transition: all 0.1s ease, background 0.3s ease; 19} 20 21/* ux */ 22.button:hover, 23.button:focus { 24 background: #df6108; 25} 26 27.button:active { 28 box-shadow: 0 0 0 3px #2f2e41, 0 4px 0 #2f2e41; 29 transform: translateY(2px); 30} 31
205 views
205 views
MIT License