first commit

media/plg_system_guidedtours/scss/guidedtours.scss

@@ -0,0 +1,63 @@
+/**
+ * @copyright  (C) 2023 Open Source Matters, Inc. <https://www.joomla.org>
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+@import "../../../../node_modules/shepherd.js/dist/css/shepherd";
+
+.shepherd-content img {
+  max-width: 100%;
+  height: auto;
+}
+
+.shepherd-title {
+  flex: 1 1 auto;
+  line-height: 1.5em;
+}
+
+.shepherd-progress {
+  margin: 0 15px;
+}
+
+.shepherd-text {
+  padding: 1em;
+  line-height: 1.5em;
+}
+
+.shepherd-footer {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.shepherd-button-primary {
+  grid-column-start: 3;
+  color: var(--template-text-light);
+  background-color: var(--template-bg-dark-60);
+  border-color: var(--template-bg-dark-60);
+}
+
+.shepherd-button-primary:not(:disabled):hover {
+  background-color: var(--template-bg-dark-70);
+  border-color: var(--template-bg-dark-90);
+}
+
+.shepherd-enabled.shepherd-element[data-popper-placement=bottom] {
+  transform: translateY(12px);
+}
+
+.shepherd-enabled.shepherd-element[data-popper-placement=left] {
+  transform: translateX(-12px);
+}
+
+.shepherd-enabled.shepherd-element[data-popper-placement=top] {
+  transform: translateY(-12px);
+}
+
+.shepherd-enabled.shepherd-element[data-popper-placement=right] {
+  transform: translateX(12px);
+}
+
+#modGuidedTours-modal a {
+  font-weight: 500;
+  text-decoration: underline;
+}