Update css for nav and editor buttons

ubc-web-services · Nov 14, 2022 · e0be503 · e0be503
1 parent e525e2a
commit e0be503
Show file tree

Hide file tree

Showing 20 changed files with 125 additions and 74 deletions.
diff --git a/css/bootstrap.5.css b/css/bootstrap.5.css
@@ -27,7 +27,6 @@ This allows you to use the bootstrap behaviours without inheriting any styles. N
   float: left;
   width: 100%;
   margin-right: -100%;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: transform 0.6s ease-in-out;
 }

diff --git a/css/bootstrap.5.min.css b/css/bootstrap.5.min.css
diff --git a/css/clf.7.local.min.css b/css/clf.7.local.min.css
diff --git a/css/clf.7.reset.min.css b/css/clf.7.reset.min.css
diff --git a/css/clf.drupal.min.css b/css/clf.drupal.min.css
diff --git a/css/drupal.ckeditor.iframe.css b/css/drupal.ckeditor.iframe.css
@@ -88,6 +88,8 @@
 
 /* CLF 7 Breakpoints map to control version 7 of the CLF separately */
 
+/* add default variables (will not match user-supplied values from theme unless these are updated with equivalent values) */
+
 :root {
   --color-primary: #002145 !important;
   --color-secondary: #e0e0e0 !important;
@@ -119,23 +121,6 @@ body:focus {
   box-shadow: none;
 }
 
-/* add default variables (will not match user-supplied values from theme unless these are updated with equivalent values) */
-
-:root {
-  --color-primary: #002145 !important;
-  --color-secondary: #e0e0e0 !important;
-  --color-tertiary: #def1f8 !important;
-  --color-accent: #003a79 !important;
-  --color-link: #0055b7;
-  --color-link-hover: #002145;
-  --color-link-active: #002145;
-  --leading: 1.625;
-  --base-font-size: 1rem;
-  --text-font-stack: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
-  --alternate-font-stack: var(--text-font-stack);
-  --code-font-stack:  menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
-}
-
 /* Styles dropdown */
 
 div.cke_combopanel {
@@ -259,7 +244,22 @@ li.cke_panel_listItem a {
   background-color: var(--color-accent);
 }
 
+[data-drupal-button-link-style="unit-button--outline"] {
+  color: var(--color-link);
+  border-color: var(--color-link);
+  background-color: #fff;
+}
+
+[data-drupal-button-link-style="unit-button--outline"]:hover {
+  color: #fff;
+  border-color: var(--color-link);
+  background-color: var(--color-link);
+}
+
 [data-drupal-button-link-style="unit-button--transparent"] {
+  color: var(--color-link);
+  border-color: var(--color-link);
+  background-color: #fff;
   color: #fff;
   border-color: transparent;
   background-color: rgba(255, 255, 255, 0.2);