commit 99f221e070a4b2225e2eab3cef33609d6b861a26 · juli.ee/cleanfollow

-1

package.json

···

       21
       21
        
         "dependencies": {

     

       22
       22
        
           "@atcute/client": "^2.0.4",

     

       23
       23
        
           "@atcute/oauth-browser-client": "^1.0.5",

     

       24
       24
       -
           "@unocss/reset": "^0.64.0",

     

       25
       24
        
           "solid-js": "^1.9.3"

     

       26
       25
        
         },

     

       27
       26
        
         "packageManager": "pnpm@9.12.2+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"

-3

pnpm-lock.yaml

···

       14
       14
        
             '@atcute/oauth-browser-client':

     

       15
       15
        
               specifier: ^1.0.5

     

       16
       16
        
               version: 1.0.5

     

       17
       17
       -
             '@unocss/reset':

     

       18
       18
       -
               specifier: ^0.64.0

     

       19
       19
       -
               version: 0.64.0

     

       20
       17
        
             solid-js:

     

       21
       18
        
               specifier: ^1.9.3

     

       22
       19
        
               version: 1.9.3

+1 -1

src/index.tsx

···

       3
       3
        
       

     

       4
       4
        
       import App from "./App";

     

       5
       5
        
       import "virtual:uno.css";

     

       6
       6
       -
       import "@unocss/reset/tailwind-compat.css";

     

       6
       6
       +
       import "./tailwind-compat.css";

     

       7
       7
        
       

     

       8
       8
        
       render(() => <App />, document.getElementById("root") as HTMLElement);

+388

src/tailwind-compat.css

···

       1
       1
       +
       /*

     

       2
       2
       +
       Please read: https://github.com/unocss/unocss/blob/main/packages/reset/tailwind-compat.md

     

       3
       3
       +
       */

     

       4
       4
       +
       

     

       5
       5
       +
       /*

     

       6
       6
       +
       1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)

     

       7
       7
       +
       2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

     

       8
       8
       +
       2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`

     

       9
       9
       +
       */

     

       10
       10
       +
       

     

       11
       11
       +
       *,

     

       12
       12
       +
       ::before,

     

       13
       13
       +
       ::after {

     

       14
       14
       +
         box-sizing: border-box; /* 1 */

     

       15
       15
       +
         border-width: 0; /* 2 */

     

       16
       16
       +
         border-style: solid; /* 2 */

     

       17
       17
       +
         border-color: var(--un-default-border-color, #e5e7eb); /* 2 */

     

       18
       18
       +
       }

     

       19
       19
       +
       

     

       20
       20
       +
       /*

     

       21
       21
       +
       1. Use a consistent sensible line-height in all browsers.

     

       22
       22
       +
       2. Prevent adjustments of font size after orientation changes in iOS.

     

       23
       23
       +
       3. Use a more readable tab size.

     

       24
       24
       +
       4. Use the user's configured `sans` font-family by default.

     

       25
       25
       +
       5. Use the user's configured `sans` font-feature-settings by default.

     

       26
       26
       +
       6. Use the user's configured `sans` font-variation-settings by default.

     

       27
       27
       +
       7. Disable tap highlights on iOS.

     

       28
       28
       +
       */

     

       29
       29
       +
       

     

       30
       30
       +
       html,

     

       31
       31
       +
       :host {

     

       32
       32
       +
         line-height: 1.5; /* 1 */

     

       33
       33
       +
         -webkit-text-size-adjust: 100%; /* 2 */

     

       34
       34
       +
         -moz-tab-size: 4; /* 3 */

     

       35
       35
       +
         tab-size: 4; /* 3 */

     

       36
       36
       +
         font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */

     

       37
       37
       +
         font-feature-settings: normal; /* 5 */

     

       38
       38
       +
         font-variation-settings: normal; /* 6 */

     

       39
       39
       +
         -webkit-tap-highlight-color: transparent; /* 7 */

     

       40
       40
       +
       }

     

       41
       41
       +
       

     

       42
       42
       +
       /*

     

       43
       43
       +
       1. Remove the margin in all browsers.

     

       44
       44
       +
       2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.

     

       45
       45
       +
       */

     

       46
       46
       +
       

     

       47
       47
       +
       body {

     

       48
       48
       +
         margin: 0; /* 1 */

     

       49
       49
       +
         line-height: inherit; /* 2 */

     

       50
       50
       +
       }

     

       51
       51
       +
       

     

       52
       52
       +
       /*

     

       53
       53
       +
       1. Add the correct height in Firefox.

     

       54
       54
       +
       2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)

     

       55
       55
       +
       3. Ensure horizontal rules are visible by default.

     

       56
       56
       +
       */

     

       57
       57
       +
       

     

       58
       58
       +
       hr {

     

       59
       59
       +
         height: 0; /* 1 */

     

       60
       60
       +
         color: inherit; /* 2 */

     

       61
       61
       +
         border-top-width: 1px; /* 3 */

     

       62
       62
       +
       }

     

       63
       63
       +
       

     

       64
       64
       +
       /*

     

       65
       65
       +
       Add the correct text decoration in Chrome, Edge, and Safari.

     

       66
       66
       +
       */

     

       67
       67
       +
       

     

       68
       68
       +
       abbr:where([title]) {

     

       69
       69
       +
         text-decoration: underline dotted;

     

       70
       70
       +
       }

     

       71
       71
       +
       

     

       72
       72
       +
       /*

     

       73
       73
       +
       Remove the default font size and weight for headings.

     

       74
       74
       +
       */

     

       75
       75
       +
       

     

       76
       76
       +
       h1,

     

       77
       77
       +
       h2,

     

       78
       78
       +
       h3,

     

       79
       79
       +
       h4,

     

       80
       80
       +
       h5,

     

       81
       81
       +
       h6 {

     

       82
       82
       +
         font-size: inherit;

     

       83
       83
       +
         font-weight: inherit;

     

       84
       84
       +
       }

     

       85
       85
       +
       

     

       86
       86
       +
       /*

     

       87
       87
       +
       Reset links to optimize for opt-in styling instead of opt-out.

     

       88
       88
       +
       */

     

       89
       89
       +
       

     

       90
       90
       +
       a {

     

       91
       91
       +
         color: inherit;

     

       92
       92
       +
         text-decoration: inherit;

     

       93
       93
       +
       }

     

       94
       94
       +
       

     

       95
       95
       +
       /*

     

       96
       96
       +
       Add the correct font weight in Edge and Safari.

     

       97
       97
       +
       */

     

       98
       98
       +
       

     

       99
       99
       +
       b,

     

       100
       100
       +
       strong {

     

       101
       101
       +
         font-weight: bolder;

     

       102
       102
       +
       }

     

       103
       103
       +
       

     

       104
       104
       +
       /*

     

       105
       105
       +
       1. Use the user's configured `mono` font-family by default.

     

       106
       106
       +
       2. Use the user's configured `mono` font-feature-settings by default.

     

       107
       107
       +
       3. Use the user's configured `mono` font-variation-settings by default.

     

       108
       108
       +
       4. Correct the odd `em` font sizing in all browsers.

     

       109
       109
       +
       */

     

       110
       110
       +
       

     

       111
       111
       +
       code,

     

       112
       112
       +
       kbd,

     

       113
       113
       +
       samp,

     

       114
       114
       +
       pre {

     

       115
       115
       +
         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */

     

       116
       116
       +
         font-feature-settings: normal; /* 2 */

     

       117
       117
       +
         font-variation-settings: normal; /* 3 */

     

       118
       118
       +
         font-size: 1em; /* 4 */

     

       119
       119
       +
       }

     

       120
       120
       +
       

     

       121
       121
       +
       /*

     

       122
       122
       +
       Add the correct font size in all browsers.

     

       123
       123
       +
       */

     

       124
       124
       +
       

     

       125
       125
       +
       small {

     

       126
       126
       +
         font-size: 80%;

     

       127
       127
       +
       }

     

       128
       128
       +
       

     

       129
       129
       +
       /*

     

       130
       130
       +
       Prevent `sub` and `sup` elements from affecting the line height in all browsers.

     

       131
       131
       +
       */

     

       132
       132
       +
       

     

       133
       133
       +
       sub,

     

       134
       134
       +
       sup {

     

       135
       135
       +
         font-size: 75%;

     

       136
       136
       +
         line-height: 0;

     

       137
       137
       +
         position: relative;

     

       138
       138
       +
         vertical-align: baseline;

     

       139
       139
       +
       }

     

       140
       140
       +
       

     

       141
       141
       +
       sub {

     

       142
       142
       +
         bottom: -0.25em;

     

       143
       143
       +
       }

     

       144
       144
       +
       

     

       145
       145
       +
       sup {

     

       146
       146
       +
         top: -0.5em;

     

       147
       147
       +
       }

     

       148
       148
       +
       

     

       149
       149
       +
       /*

     

       150
       150
       +
       1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)

     

       151
       151
       +
       2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)

     

       152
       152
       +
       3. Remove gaps between table borders by default.

     

       153
       153
       +
       */

     

       154
       154
       +
       

     

       155
       155
       +
       table {

     

       156
       156
       +
         text-indent: 0; /* 1 */

     

       157
       157
       +
         border-color: inherit; /* 2 */

     

       158
       158
       +
         border-collapse: collapse; /* 3 */

     

       159
       159
       +
       }

     

       160
       160
       +
       

     

       161
       161
       +
       /*

     

       162
       162
       +
       1. Change the font styles in all browsers.

     

       163
       163
       +
       2. Remove the margin in Firefox and Safari.

     

       164
       164
       +
       3. Remove default padding in all browsers.

     

       165
       165
       +
       */

     

       166
       166
       +
       

     

       167
       167
       +
       button,

     

       168
       168
       +
       input,

     

       169
       169
       +
       optgroup,

     

       170
       170
       +
       select,

     

       171
       171
       +
       textarea {

     

       172
       172
       +
         font-family: inherit; /* 1 */

     

       173
       173
       +
         font-feature-settings: inherit; /* 1 */

     

       174
       174
       +
         font-variation-settings: inherit; /* 1 */

     

       175
       175
       +
         font-size: 100%; /* 1 */

     

       176
       176
       +
         font-weight: inherit; /* 1 */

     

       177
       177
       +
         line-height: inherit; /* 1 */

     

       178
       178
       +
         color: inherit; /* 1 */

     

       179
       179
       +
         margin: 0; /* 2 */

     

       180
       180
       +
         padding: 0; /* 3 */

     

       181
       181
       +
       }

     

       182
       182
       +
       

     

       183
       183
       +
       /*

     

       184
       184
       +
       Remove the inheritance of text transform in Edge and Firefox.

     

       185
       185
       +
       */

     

       186
       186
       +
       

     

       187
       187
       +
       button,

     

       188
       188
       +
       select {

     

       189
       189
       +
         text-transform: none;

     

       190
       190
       +
       }

     

       191
       191
       +
       

     

       192
       192
       +
       /*

     

       193
       193
       +
       1. Correct the inability to style clickable types in iOS and Safari.

     

       194
       194
       +
       2. Remove default button styles.

     

       195
       195
       +
       */

     

       196
       196
       +
       

     

       197
       197
       +
       button,

     

       198
       198
       +
       [type='button'],

     

       199
       199
       +
       [type='reset'],

     

       200
       200
       +
       [type='submit'] {

     

       201
       201
       +
         -webkit-appearance: button; /* 1 */

     

       202
       202
       +
         /* Will affect the button style of most component libraries, so disable it */

     

       203
       203
       +
         /* https://github.com/unocss/unocss/issues/2127 */

     

       204
       204
       +
         /* background-color: transparent; !* 2 *! */

     

       205
       205
       +
         background-image: none; /* 2 */

     

       206
       206
       +
       }

     

       207
       207
       +
       

     

       208
       208
       +
       /*

     

       209
       209
       +
       Use the modern Firefox focus style for all focusable elements.

     

       210
       210
       +
       */

     

       211
       211
       +
       

     

       212
       212
       +
       :-moz-focusring {

     

       213
       213
       +
         outline: auto;

     

       214
       214
       +
       }

     

       215
       215
       +
       

     

       216
       216
       +
       /*

     

       217
       217
       +
       Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)

     

       218
       218
       +
       */

     

       219
       219
       +
       

     

       220
       220
       +
       :-moz-ui-invalid {

     

       221
       221
       +
         box-shadow: none;

     

       222
       222
       +
       }

     

       223
       223
       +
       

     

       224
       224
       +
       /*

     

       225
       225
       +
       Add the correct vertical alignment in Chrome and Firefox.

     

       226
       226
       +
       */

     

       227
       227
       +
       

     

       228
       228
       +
       progress {

     

       229
       229
       +
         vertical-align: baseline;

     

       230
       230
       +
       }

     

       231
       231
       +
       

     

       232
       232
       +
       /*

     

       233
       233
       +
       Correct the cursor style of increment and decrement buttons in Safari.

     

       234
       234
       +
       */

     

       235
       235
       +
       

     

       236
       236
       +
       ::-webkit-inner-spin-button,

     

       237
       237
       +
       ::-webkit-outer-spin-button {

     

       238
       238
       +
         height: auto;

     

       239
       239
       +
       }

     

       240
       240
       +
       

     

       241
       241
       +
       /*

     

       242
       242
       +
       1. Correct the odd appearance in Chrome and Safari.

     

       243
       243
       +
       2. Correct the outline style in Safari.

     

       244
       244
       +
       */

     

       245
       245
       +
       

     

       246
       246
       +
       [type='search'] {

     

       247
       247
       +
         -webkit-appearance: textfield; /* 1 */

     

       248
       248
       +
         outline-offset: -2px; /* 2 */

     

       249
       249
       +
       }

     

       250
       250
       +
       

     

       251
       251
       +
       /*

     

       252
       252
       +
       Remove the inner padding in Chrome and Safari on macOS.

     

       253
       253
       +
       */

     

       254
       254
       +
       

     

       255
       255
       +
       ::-webkit-search-decoration {

     

       256
       256
       +
         -webkit-appearance: none;

     

       257
       257
       +
       }

     

       258
       258
       +
       

     

       259
       259
       +
       /*

     

       260
       260
       +
       1. Correct the inability to style clickable types in iOS and Safari.

     

       261
       261
       +
       2. Change font properties to `inherit` in Safari.

     

       262
       262
       +
       */

     

       263
       263
       +
       

     

       264
       264
       +
       ::-webkit-file-upload-button {

     

       265
       265
       +
         -webkit-appearance: button; /* 1 */

     

       266
       266
       +
         font: inherit; /* 2 */

     

       267
       267
       +
       }

     

       268
       268
       +
       

     

       269
       269
       +
       /*

     

       270
       270
       +
       Add the correct display in Chrome and Safari.

     

       271
       271
       +
       */

     

       272
       272
       +
       

     

       273
       273
       +
       summary {

     

       274
       274
       +
         display: list-item;

     

       275
       275
       +
       }

     

       276
       276
       +
       

     

       277
       277
       +
       /*

     

       278
       278
       +
       Removes the default spacing for appropriate elements.

     

       279
       279
       +
       */

     

       280
       280
       +
       

     

       281
       281
       +
       blockquote,

     

       282
       282
       +
       dl,

     

       283
       283
       +
       dd,

     

       284
       284
       +
       h1,

     

       285
       285
       +
       h2,

     

       286
       286
       +
       h3,

     

       287
       287
       +
       h4,

     

       288
       288
       +
       h5,

     

       289
       289
       +
       h6,

     

       290
       290
       +
       hr,

     

       291
       291
       +
       figure,

     

       292
       292
       +
       p,

     

       293
       293
       +
       pre {

     

       294
       294
       +
         margin: 0;

     

       295
       295
       +
       }

     

       296
       296
       +
       

     

       297
       297
       +
       fieldset {

     

       298
       298
       +
         margin: 0;

     

       299
       299
       +
         padding: 0;

     

       300
       300
       +
       }

     

       301
       301
       +
       

     

       302
       302
       +
       legend {

     

       303
       303
       +
         padding: 0;

     

       304
       304
       +
       }

     

       305
       305
       +
       

     

       306
       306
       +
       ol,

     

       307
       307
       +
       ul,

     

       308
       308
       +
       menu {

     

       309
       309
       +
         list-style: none;

     

       310
       310
       +
         margin: 0;

     

       311
       311
       +
         padding: 0;

     

       312
       312
       +
       }

     

       313
       313
       +
       

     

       314
       314
       +
       dialog {

     

       315
       315
       +
         padding: 0;

     

       316
       316
       +
       }

     

       317
       317
       +
       

     

       318
       318
       +
       /*

     

       319
       319
       +
       Prevent resizing textareas horizontally by default.

     

       320
       320
       +
       */

     

       321
       321
       +
       

     

       322
       322
       +
       textarea {

     

       323
       323
       +
         resize: vertical;

     

       324
       324
       +
       }

     

       325
       325
       +
       

     

       326
       326
       +
       /*

     

       327
       327
       +
       1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)

     

       328
       328
       +
       2. Set the default placeholder color to the user's configured gray 400 color.

     

       329
       329
       +
       */

     

       330
       330
       +
       

     

       331
       331
       +
       input::placeholder,

     

       332
       332
       +
       textarea::placeholder {

     

       333
       333
       +
         opacity: 1; /* 1 */

     

       334
       334
       +
         color: #9ca3af; /* 2 */

     

       335
       335
       +
       }

     

       336
       336
       +
       

     

       337
       337
       +
       /*

     

       338
       338
       +
       Set the default cursor for buttons.

     

       339
       339
       +
       */

     

       340
       340
       +
       

     

       341
       341
       +
       button,

     

       342
       342
       +
       [role="button"] {

     

       343
       343
       +
         cursor: pointer;

     

       344
       344
       +
       }

     

       345
       345
       +
       

     

       346
       346
       +
       /*

     

       347
       347
       +
       Make sure disabled buttons don't get the pointer cursor.

     

       348
       348
       +
       */

     

       349
       349
       +
       

     

       350
       350
       +
       :disabled {

     

       351
       351
       +
         cursor: default;

     

       352
       352
       +
       }

     

       353
       353
       +
       

     

       354
       354
       +
       /*

     

       355
       355
       +
       1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)

     

       356
       356
       +
       2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

     

       357
       357
       +
          This can trigger a poorly considered lint error in some tools but is included by design.

     

       358
       358
       +
       */

     

       359
       359
       +
       

     

       360
       360
       +
       img,

     

       361
       361
       +
       svg,

     

       362
       362
       +
       video,

     

       363
       363
       +
       canvas,

     

       364
       364
       +
       audio,

     

       365
       365
       +
       iframe,

     

       366
       366
       +
       embed,

     

       367
       367
       +
       object {

     

       368
       368
       +
         display: block; /* 1 */

     

       369
       369
       +
         vertical-align: middle; /* 2 */

     

       370
       370
       +
       }

     

       371
       371
       +
       

     

       372
       372
       +
       /*

     

       373
       373
       +
       Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)

     

       374
       374
       +
       */

     

       375
       375
       +
       

     

       376
       376
       +
       img,

     

       377
       377
       +
       video {

     

       378
       378
       +
         max-width: 100%;

     

       379
       379
       +
         height: auto;

     

       380
       380
       +
       }

     

       381
       381
       +
       

     

       382
       382
       +
       /*

     

       383
       383
       +
       Make elements with the HTML hidden attribute stay hidden by default.

     

       384
       384
       +
       */

     

       385
       385
       +
       

     

       386
       386
       +
       [hidden]:where(:not([hidden="until-found"])) {

     

       387
       387
       +
         display: none;

     

       388
       388
       +
       }