commit 22f256160a4b8b3934ca2f96acdaf3c8c4d7167b · dunkirk.sh/zera

+31 -5
sass/css/suCSS.css
···

       151
       151
        
       

     

       152
       152
        
       /* format links */

     

       153
       153
        
       a {

     

       154
       154
       -
           font-weight: bold;

     

       155
       155
       -
           border-radius: 0.125rem;

     

       156
       154
        
           color: var(--link);

     

       157
       157
       -
           text-decoration: underline double;

     

       155
       155
       +
           text-decoration: underline;

     

       156
       156
       +
           text-decoration-color: color-mix(

     

       157
       157
       +
               in oklab,

     

       158
       158
       +
               var(--link) 100%,

     

       159
       159
       +
               transparent 65%

     

       160
       160
       +
           );

     

       161
       161
       +
           text-decoration-thickness: 0.06em;

     

       162
       162
       +
           text-underline-offset: 0.14em;

     

       163
       163
       +
           transition:

     

       164
       164
       +
               color 120ms ease,

     

       165
       165
       +
               text-decoration-color 120ms ease,

     

       166
       166
       +
               text-underline-offset 120ms ease,

     

       167
       167
       +
               text-decoration-thickness 120ms ease;

     

       158
       168
        
       }

     

       159
       169
        
       

     

       160
       170
        
       a:visited {

     

       161
       161
       -
           color: var(--link-visited);

     

       171
       171
       +
           color: var(--link-visited); /* deeper purple */

     

       172
       172
       +
           text-decoration-color: color-mix(

     

       173
       173
       +
               in oklab,

     

       174
       174
       +
               var(--link-visited) 100%,

     

       175
       175
       +
               transparent 55%

     

       176
       176
       +
           );

     

       162
       177
        
       }

     

       163
       178
        
       

     

       164
       164
       -
       a:hover {

     

       179
       179
       +
       a:hover,

     

       180
       180
       +
       a:focus-visible {

     

       181
       181
       +
           color: var(--accent-dark); /* bright purple */

     

       182
       182
       +
           text-decoration-thickness: 0.1em;

     

       183
       183
       +
           text-underline-offset: 0.18em;

     

       184
       184
       +
           text-decoration-color: var(--accent-dark);

     

       185
       185
       +
           outline: none;

     

       186
       186
       +
       }

     

       187
       187
       +
       

     

       188
       188
       +
       a:visited:hover,

     

       189
       189
       +
       a:visited:focus-visible {

     

       165
       190
        
           color: var(--accent-dark);

     

       191
       191
       +
           text-decoration-color: var(--accent-dark);

     

       166
       192
        
       }

     

       167
       193
        
       

     

       168
       194
        
       /* format lists */