Add basic focus and active styles.

seedlet/assets/css/style-editor.css

@@ -113,10 +113,14 @@ a {
 	text-decoration: none;
 }
 
-a:hover {
+a:hover, a:focus {
 	color: var(--global--color-primary-hover);
 }
 
+a:active {
+	color: var(--global--color-primary);
+}
+
 button,
 a {
 	cursor: pointer;

seedlet/assets/sass/base/_editor.scss

@@ -22,9 +22,14 @@ a {
 	color: var(--global--color-primary);
 	text-decoration: none;
 
-	&:hover {
+	&:hover,
+	&:focus {
 		color: var(--global--color-primary-hover);
 	}
+
+	&:active {
+		color: var(--global--color-primary);
+	}
 }
 
 button,

seedlet/assets/sass/base/_reset.scss

@@ -83,10 +83,15 @@ a {
 	border-bottom: 1px solid var(--global--color-secondary);
 	color: var(--global--color-primary);
 	text-decoration: none;
-
-	&:hover {
+	
+	&:hover,
+	&:focus {
 		color: var(--global--color-primary-hover);
 	}
+
+	&:active {
+		color: var(--global--color-primary);
+	}
 }
 
 button,

seedlet/style-rtl.css

@@ -758,15 +758,25 @@ a {
 	text-decoration: none;
 }
 
-a:hover {
+a:hover, a:focus {
 	color: var(--global--color-primary-hover);
 }
 
+a:active {
+	color: var(--global--color-primary);
+}
+
 button,
 a {
 	cursor: pointer;
 }
 
+*:focus {
+	outline-width: 1px;
+	outline-style: dotted;
+	outline-color: var(--global--color-secondary);
+}
+
 /* Text meant only for screen readers. */
 .screen-reader-text {
 	border: 0;

seedlet/style.css

@@ -766,10 +766,14 @@ a {
 	text-decoration: none;
 }
 
-a:hover {
+a:hover, a:focus {
 	color: var(--global--color-primary-hover);
 }
 
+a:active {
+	color: var(--global--color-primary);
+}
+
 button,
 a {
 	cursor: pointer;