Merge pull request #44 from shoota/optimize_globl_style

refactor: optimize global style
shoota · May 11, 2024 · 8031f05 · 8031f05
2 parents e370d0d + 4137f16
commit 8031f05
Showing 1 changed file with 2 additions and 60 deletions.
diff --git a/src/lib/theme/globals.css.ts b/src/lib/theme/globals.css.ts
@@ -75,12 +75,11 @@ export const global = css`
     color: ${colors.link};
     outline: none;
     text-decoration: none;
-    transition: color 100ms ease-out;
 
     :hover,
     :focus {
-      color: #e3daa0;
-      text-shadow: 0 0 2px ${colors.link};
+      color: ${colors.link};
+      text-shadow: 0 0 4px ${colors.link};
     }
   }
   a h1,
@@ -159,7 +158,6 @@ export const global = css`
     padding: 5px 8px;
   }
   tr {
-    -webkit-transition: background-color 100ms ease-out;
     transition: background-color 100ms ease-out;
   }
   img {
@@ -230,33 +228,11 @@ export const global = css`
     line-height: 30px;
     color: #ffc69f;
     background-color: transparent;
-    -webkit-transition:
-      border-color 100ms ease-out,
-      background-color 100ms ease-out,
-      box-shadow 100ms ease-out;
     transition:
       border-color 100ms ease-out,
       background-color 100ms ease-out,
       box-shadow 100ms ease-out;
   }
-  textarea::-webkit-input-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
-  textarea::-moz-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
-  textarea:-ms-input-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
-  select::-webkit-input-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
-  select::-moz-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
-  select:-ms-input-placeholder {
-    color: rgba(255, 198, 159, 0.5);
-  }
   input::placeholder,
   textarea::placeholder,
   select::placeholder {
@@ -281,33 +257,6 @@ export const global = css`
     box-shadow: none;
     cursor: auto;
   }
-  input:disabled::-webkit-input-placeholder {
-    color: #0b8481;
-  }
-  input:disabled::-moz-placeholder {
-    color: #0b8481;
-  }
-  input:disabled:-ms-input-placeholder {
-    color: #0b8481;
-  }
-  textarea:disabled::-webkit-input-placeholder {
-    color: #0b8481;
-  }
-  textarea:disabled::-moz-placeholder {
-    color: #0b8481;
-  }
-  textarea:disabled:-ms-input-placeholder {
-    color: #0b8481;
-  }
-  select:disabled::-webkit-input-placeholder {
-    color: #0b8481;
-  }
-  select:disabled::-moz-placeholder {
-    color: #0b8481;
-  }
-  select:disabled:-ms-input-placeholder {
-    color: #0b8481;
-  }
   input:disabled::placeholder,
   textarea:disabled::placeholder,
   select:disabled::placeholder {
@@ -321,13 +270,6 @@ export const global = css`
   input {
     overflow: visible;
   }
-  button::-moz-focus-inner,
-  [type="button"]::-moz-focus-inner,
-  [type="reset"]::-moz-focus-inner,
-  [type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
   progress {
     vertical-align: baseline;
   }