@internetarchive/ia-topnav 2.1.0-alpha-webdev8170.0 → 2.1.0

package/src/styles/save-page-form.ts

@@ -1,55 +1,55 @@
-import { css } from 'lit';
-import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-
-export default css`
-  div {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-column-gap: 0.8rem;
-    margin: 0;
-    padding: 0;
-    border: none;
-  }
-
-  input[type='text'] {
-    width: 100%;
-    height: 3rem;
-    box-sizing: border-box;
-    border: 1px solid var(--savePageInputBorder);
-    border-radius: 0.5rem;
-    color: var(--grey13);
-    font-size: inherit;
-  }
-
-  input[type='submit'] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    padding: 0.4rem 0.8rem;
-    font: normal 1.3rem var(--themeFontFamily);
-    text-transform: uppercase;
-    color: var(--savePageSubmitText);
-    border: none;
-    border-radius: 16px;
-    background: var(--savePageSubmitBg);
-    cursor: pointer;
-  }
-
-  .error {
-    display: none;
-    margin-top: 0.5rem;
-    font-weight: bold;
-    color: var(--savePageErrorText);
-  }
-
-  .visible {
-    display: block;
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    h3 {
-      margin-top: 0;
-      font: normal 100 1.6rem var(--themeFontFamily);
-    }
-  }
-`;
+import { css } from 'lit';
+import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
+
+export default css`
+  div {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    grid-column-gap: 0.8rem;
+    margin: 0;
+    padding: 0;
+    border: none;
+  }
+
+  input[type='text'] {
+    width: 100%;
+    height: 3rem;
+    box-sizing: border-box;
+    border: 1px solid var(--savePageInputBorder);
+    border-radius: 0.5rem;
+    color: var(--grey13);
+    font-size: inherit;
+  }
+
+  input[type='submit'] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    padding: 0.4rem 0.8rem;
+    font: normal 1.3rem var(--themeFontFamily);
+    text-transform: uppercase;
+    color: var(--savePageSubmitText);
+    border: none;
+    border-radius: 16px;
+    background: var(--savePageSubmitBg);
+    cursor: pointer;
+  }
+
+  .error {
+    display: none;
+    margin-top: 0.5rem;
+    font-weight: bold;
+    color: var(--savePageErrorText);
+  }
+
+  .visible {
+    display: block;
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    h3 {
+      margin-top: 0;
+      font: normal 100 1.6rem var(--themeFontFamily);
+    }
+  }
+`;

package/src/styles/wayback-search.ts

@@ -1,49 +1,49 @@
-import { css } from 'lit';
-import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-
-export default css`
-  form {
-  }
-
-  p {
-    margin-bottom: 1rem;
-    font-size: 1.6rem;
-    text-align: center;
-  }
-
-  fieldset {
-    padding: 0.5rem;
-    border-radius: 5px;
-    box-shadow: none;
-  }
-
-  input {
-    padding-left: 3rem;
-    margin-top: 0.3rem;
-    font-size: 1.4rem;
-    border-color: #bca38e;
-    background: #fff;
-  }
-
-  input::placeholder,
-  input::-webkit-input-placeholder {
-    color: #8e8e8e;
-  }
-
-  .search-field svg {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-    fieldset a,
-    .search-field {
-      display: block;
-      width: auto;
-    }
-
-    fieldset a {
-      margin: 0 1.5rem;
-    }
-  }
-`;
+import { css } from 'lit';
+import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
+
+export default css`
+  form {
+  }
+
+  p {
+    margin-bottom: 1rem;
+    font-size: 1.6rem;
+    text-align: center;
+  }
+
+  fieldset {
+    padding: 0.5rem;
+    border-radius: 5px;
+    box-shadow: none;
+  }
+
+  input {
+    padding-left: 3rem;
+    margin-top: 0.3rem;
+    font-size: 1.4rem;
+    border-color: #bca38e;
+    background: #fff;
+  }
+
+  input::placeholder,
+  input::-webkit-input-placeholder {
+    color: #8e8e8e;
+  }
+
+  .search-field svg {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+    fieldset a,
+    .search-field {
+      display: block;
+      width: auto;
+    }
+
+    fieldset a {
+      margin: 0 1.5rem;
+    }
+  }
+`;

package/src/styles/wayback-slider.ts

@@ -1,34 +1,34 @@
-import { css } from 'lit';
-import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
-import { subnavListCSS } from './base';
-
-export default [
-  subnavListCSS,
-  css`
-    @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
-      :host {
-        display: block;
-        grid-column: 1 / 4;
-        padding: 0 1.5rem;
-      }
-
-      h4 {
-        margin-top: 0;
-        font: normal 100 1.6rem var(--themeFontFamily);
-      }
-
-      .grid {
-        display: grid;
-        grid-template-columns: minmax(auto, 260px) 1fr minmax(auto, 260px);
-        /* Possible for 890 - 935: minmax(auto, 260px) 1fr minmax(auto, 260px) */
-        grid-column-gap: 2.5rem;
-      }
-
-      .link-lists {
-        display: grid;
-        grid-template-columns: calc(50% - 1.25rem) calc(50% - 1.25rem);
-        grid-column-gap: 2.5rem;
-      }
-    }
-  `,
-];
+import { css } from 'lit';
+import { TOPNAV_MOBILE_BREAKPOINT } from '../models';
+import { subnavListCSS } from './base';
+
+export default [
+  subnavListCSS,
+  css`
+    @media (min-width: ${TOPNAV_MOBILE_BREAKPOINT}px) {
+      :host {
+        display: block;
+        grid-column: 1 / 4;
+        padding: 0 1.5rem;
+      }
+
+      h4 {
+        margin-top: 0;
+        font: normal 100 1.6rem var(--themeFontFamily);
+      }
+
+      .grid {
+        display: grid;
+        grid-template-columns: minmax(auto, 260px) 1fr minmax(auto, 260px);
+        /* Possible for 890 - 935: minmax(auto, 260px) 1fr minmax(auto, 260px) */
+        grid-column-gap: 2.5rem;
+      }
+
+      .link-lists {
+        display: grid;
+        grid-template-columns: calc(50% - 1.25rem) calc(50% - 1.25rem);
+        grid-column-gap: 2.5rem;
+      }
+    }
+  `,
+];