#e8e8e8
1.code-editor { 2 max-width: 300px; 3 background-color: #1d1e22; 4 box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.5); 5 border-radius: 8px; 6 padding: 2px; 7} 8 9.header { 10 display: flex; 11 align-items: center; 12 justify-content: space-between; 13 margin: 10px; 14} 15 16.title { 17 font-family: Lato, sans-serif; 18 font-weight: 900; 19 font-size: 14px; 20 letter-spacing: 1.57px; 21 color: rgb(212 212 212); 22} 23 24.icon { 25 width: 20px; 26 transition: .2s ease; 27} 28 29.icon:hover { 30 cursor: pointer; 31 border-radius: 50px; 32 background-color: #6e7281; 33} 34 35.editor-content { 36 margin: 0 10px 10px; 37 color: white; 38} 39 40.property { 41 margin-left: 30px; 42} 43 44.property:hover { 45 cursor: text; 46} 47 48.editor-content .color-0 { 49 color: rgb(86 156 214); 50} 51 52.editor-content .color-1 { 53 color: rgb(182 206 168); 54} 55 56.editor-content .color-2 { 57 color: rgb(156 220 254); 58} 59 60.editor-content .color-3 { 61 color: rgb(207 146 120); 62} 63 64.color-preview-1,.color-preview-2 { 65 height: 8px; 66 width: 8px; 67 border: 1px solid #fff; 68 display: inline-block; 69 margin-right: 3px; 70} 71 72.color-preview-1 { 73 background-color: #1d1e22; 74} 75 76.color-preview-1 { 77 background-color: rgba(0, 0, 0, 0.5); 78}
10K views
10K views
Comments
MIT License