Update gc-buttons.css

gc-proto · Mar 6, 2022 · fefa9c7 · fefa9c7
1 parent 40e5fe2
commit fefa9c7
Showing 1 changed file with 52 additions and 1 deletion.
diff --git a/jmtesting/css/gc-buttons.css b/jmtesting/css/gc-buttons.css
@@ -16,7 +16,7 @@ html {
 }
 
 .gc-button.secondary {
-  background-color: grey;
+  background-color: #C4C3C5;
 }
 
 .gc-button.danger {
@@ -30,4 +30,55 @@ html {
   overflow: hidden;
   position: absolute;
   width: 1px;
+}
+
+.gc-button.primary:hover {
+  background-color: #4F6592;
+}
+
+.gc-button.secondary:hover {
+  background-color: #838695;
+}
+
+.gc-button.danger:hover {
+  background-color: #5E1D1D;
+}
+
+.gc-button.primary:focus,
+.gc-button.secondary:focus,
+.gc-button.danger:focus,
+.gc-button.skip-to:focus {
+  background-color: #303FC3;
+}
+
+.gc-button.skip-to:focus,
+.gc-button.skip-to:disabled {
+  clip: rect(auto, auto, auto, auto);
+  height: inherit;
+  margin: inherit;
+  overflow: inherit;
+  position: static;
+  width: inherit;
+}
+
+.gc-button.primary:active {
+  background-color: #0A0E14;
+}
+
+.gc-button.secondary:active {
+  background-color: #C4C3C5;
+}
+
+.gc-button.danger:active {
+  background-color: #0A0E14;
+}
+
+.gc-button.primary:disabled,
+.gc-button.secondary:disabled,
+.gc-button.danger:disabled,
+.gc-button.skip-to:disabled {
+  background-color: #EDEDED;
+  border-color: #BFBFBF;
+  color: #6B6B6B;
+  cursor: not-allowed;
 }