Merge pull request #226 from yalesites-org/develop

Release

atomic.libraries.yml

@@ -5,6 +5,7 @@ global:
       node_modules/@yalesites-org/component-library-twig/dist/style.css: {}
       components/_settings/_config.css: {}
       css/admin-theme.css: {}
+      css/localist.css: {}
   js:
     node_modules/@yalesites-org/component-library-twig/dist/js/02-molecules/menu/menu-toggle/yds-menu-toggle.js:
       {}

css/localist.css

@@ -0,0 +1,31 @@
+.localist_widget_container .action_button a {
+  /* stylelint-disable hue-degree-notation, color-function-notation */
+
+  /* Color taken from inline styles brought in with localist.
+   * This matches the background color that is the button.
+   * Stylelint placed to exactly match what is coming from localist.
+   */
+  --color-text-shadow: hsl(213, 66%, 45%);
+  /* stylelint-enable hue-degree-notation, color-function-notation */
+}
+
+/* Use our text decoration for the title and entity source links.
+ * important was unfortunately needed due to the page inline style taking
+ * precedence over this file.
+ */
+.localist-widget .event__list__content_event-title:hover,
+.localist_widget_container li a:hover,
+.localist_widget_container .lw_event_item_title a:hover {
+  text-decoration: none !important;
+}
+
+.localist_widget_container .action_button a:hover {
+  /* stylelint-disable hue-degree-notation, color-function-notation */
+
+  /* Color taken from inline styles brought in with localist.
+   * This matches the background color that is the button when hovered.
+   * Stylelint placed to exactly match what is coming from localist.
+   */
+  --color-text-shadow: hsl(0, 0%, 25%);
+  /* stylelint-enable hue-degree-notation, color-function-notation */
+}