settings.scss
1 *:not(.input):not(.layout) { 2 width: fit-content; 3 } 4 5 .container { 6 display: flex; 7 flex-direction: column; 8 gap: 64px; 9 } 10 11 section { 12 display: flex; 13 flex-direction: column; 14 gap: 16px; 15 } 16 17 .account-information .items { 18 display: flex; 19 gap: 24px; 20 } 21 22 .account-information .items .keys, 23 .steps, 24 .setting-description { 25 color: var(--text-secondary); 26 } 27 28 .title { 29 font-size: 18px; 30 font-weight: 500; 31 } 32 33 .buttons, 34 .keys, 35 .values, 36 .steps, 37 .setting-group { 38 display: flex; 39 flex-direction: column; 40 } 41 42 .buttons, 43 .setting-group { 44 gap: 8px; 45 } 46 47 .keys, 48 .values, 49 .steps { 50 gap: 4px; 51 } 52 53 kbd { 54 font-family: ChivoMono; 55 background-color: var(--element); 56 padding: 2px 6px; 57 } 58 59 .radio-group { 60 display: flex; 61 gap: 16px; 62 } 63 64 a { 65 text-decoration: underline; 66 } 67 68 #wakaTimeFileUpload::file-selector-button { 69 background-color: var(--text); 70 color: var(--background); 71 font-family: Outfit; 72 font-weight: 500; 73 border: none; 74 padding: 2px 6px; 75 border-radius: 4px; 76 cursor: pointer; 77 font-family: inherit; 78 margin-right: 8px; 79 }