work for #6673 add button styles

surveyjs · Aug 25, 2023 · 3f8442c · 3f8442c
1 parent 986dcab
commit 3f8442c
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/src/defaultV2-theme/blocks/sd-completedpage.scss b/src/defaultV2-theme/blocks/sd-completedpage.scss
@@ -39,6 +39,42 @@
   a {
     color: $primary;
   }
+
+  button {
+    display: flex;
+    align-items: center;
+    // height: calcSize(7);
+    // line-height: calcSize(7);
+    padding: calcSize(1.5) calcSize(4);
+    vertical-align: baseline;
+    text-align: center;
+    background-color: $background;
+    box-shadow: $shadow-small;
+    border-radius: calcSize(0.5);
+    cursor: pointer;
+    user-select: none;
+    outline: solid calcSize(0.25) transparent;
+
+    span {
+      display: flex;
+      align-items: center;
+      flex-grow: 1;
+      justify-content: center;
+      color: $primary;
+      font-weight: 600;
+      font-style: normal;
+      font-family: var(--font-family, $font-family);
+      font-size: $font-questiontitle-size;
+      line-height: multiply(1.5, $font-questiontitle-size);
+    }
+
+    .button:hover {
+      background-color: $background-dark;
+    }
+    .button:focus {
+      box-shadow: 0 0 0 2px $primary;
+    }
+  }
 }
 
 .sd-completedpage:before,