More obvious focus styles

carlrosell · Sep 4, 2018 · 43cd715 · 43cd715
1 parent 87cc52b
commit 43cd715
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/www/src/components/app.css b/www/src/components/app.css
@@ -85,11 +85,6 @@ button:active {
   left: 1px;
 }
 
-button:focus {
-  outline: none;
-  border: 1px solid rgb(30, 174, 219);
-}
-
 body {
   background: #fafafa;
 }
@@ -261,3 +256,15 @@ button#hamburger {
 [data-reach-dialog-overlay] {
   z-index: 1;
 }
+
+[data-reach-alert-dialog-label] {
+  color: hsl(200, 50%, 50%);
+  font-size: 150%;
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+.alert-buttons {
+  text-align: center;
+  margin-top: 20px;
+}
diff --git a/www/src/components/skeleton.css b/www/src/components/skeleton.css
@@ -132,7 +132,6 @@ input[type="button"] {
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
-  border-radius: 4px;
   border: 1px solid #bbb;
   cursor: pointer;
   box-sizing: border-box;
@@ -149,7 +148,6 @@ input[type="reset"]:focus,
 input[type="button"]:focus {
   color: #333;
   border-color: #888;
-  outline: 0;
 }
 .button.button-primary,
 button.button-primary,
@@ -190,7 +188,6 @@ select {
   padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
   background-color: #fff;
   border: 1px solid #d1d1d1;
-  border-radius: 4px;
   box-shadow: none;
   box-sizing: border-box;
 }
@@ -222,7 +219,6 @@ input[type="password"]:focus,
 textarea:focus,
 select:focus {
   border: 1px solid #33c3f0;
-  outline: 0;
 }
 label,
 legend {