@internetarchive/ia-topnav 1.3.6 → 1.3.7

package/src/styles/media-subnav.js

@@ -1,156 +1,156 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-import { subnavListCSS } from './base.js';
-
-export default [subnavListCSS, css`
-  img {
-    display: block;
-    width: 90px;
-    height: 90px;
-    margin: 0 auto 1rem auto;
-    border-radius: 45px;
-  }
-
-  h3 {
-    margin-top: 0;
-    font-size: 1.8rem;
-  }
-
-  .icon-links {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: space-evenly;
-    -ms-flex-pack: space-evenly;
-    justify-content: space-evenly;
-    text-align: center;
-  }
-
-  .icon-links a {
-    display: inline-block;
-    width: 12rem;
-    margin-bottom: 1.5rem;
-    overflow: hidden;
-    white-space: nowrap;
-    text-align: center;
-    text-overflow: ellipsis;
-  }
-
-  .icon-links a + a {
-    margin-left: 2rem;
-  }
-
-  .featured h4 {
-    display: none;
-  }
-
-  @media (min-width: 890px) {
-    :host {
-      display: -ms-grid;
-      display: grid;
-      -ms-grid-columns: 40% 20% 40%;
-      grid-template-columns: 40% 20% 40%;
-    }
-
-    .wayback-search {
-      -ms-grid-column: 1;
-      -ms-grid-column-span: 3;
-      grid-column: 1 / 4;
-    }
-
-    h3 {
-      display: none;
-    }
-
-    .icon-links {
-      -ms-grid-column: 1;
-    }
-
-    .icon-links a {
-      padding-top: 3.5rem;
-      max-width: 16rem;
-    }
-
-    .links {
-      padding: 0 1.5rem;
-    }
-
-    .featured {
-      -ms-grid-column: 2;
-    }
-
-    .featured h4 {
-      display: block;
-    }
-
-    .top {
-      -ms-grid-column: 3;
-    }
-
-    .top ul {
-      display: -ms-grid;
-      display: grid;
-      -ms-grid-columns: 50% 3rem 50%;
-      grid-template-columns: 50% 50%;
-      -ms-grid-rows: (auto)[7];
-      grid-template-rows: repeat(7, auto);
-      grid-column-gap: 3rem;
-      grid-auto-flow: column;
-    }
-    .top ul > *:nth-child(1) {
-      -ms-grid-row: 1;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(2) {
-      -ms-grid-row: 2;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(3) {
-      -ms-grid-row: 3;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(4) {
-      -ms-grid-row: 4;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(5) {
-      -ms-grid-row: 5;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(6) {
-      -ms-grid-row: 6;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(7) {
-      -ms-grid-row: 7;
-      -ms-grid-column: 1;
-    }
-    .top ul > *:nth-child(8) {
-      -ms-grid-row: 1;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(9) {
-      -ms-grid-row: 2;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(10) {
-      -ms-grid-row: 3;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(11) {
-      -ms-grid-row: 4;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(12) {
-      -ms-grid-row: 5;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(13) {
-      -ms-grid-row: 6;
-      -ms-grid-column: 3;
-    }
-    .top ul > *:nth-child(14) {
-      -ms-grid-row: 7;
-      -ms-grid-column: 3;
-    }
-  }
-`];
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+import { subnavListCSS } from './base.js';
+
+export default [subnavListCSS, css`
+  img {
+    display: block;
+    width: 90px;
+    height: 90px;
+    margin: 0 auto 1rem auto;
+    border-radius: 45px;
+  }
+
+  h3 {
+    margin-top: 0;
+    font-size: 1.8rem;
+  }
+
+  .icon-links {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: space-evenly;
+    -ms-flex-pack: space-evenly;
+    justify-content: space-evenly;
+    text-align: center;
+  }
+
+  .icon-links a {
+    display: inline-block;
+    width: 12rem;
+    margin-bottom: 1.5rem;
+    overflow: hidden;
+    white-space: nowrap;
+    text-align: center;
+    text-overflow: ellipsis;
+  }
+
+  .icon-links a + a {
+    margin-left: 2rem;
+  }
+
+  .featured h4 {
+    display: none;
+  }
+
+  @media (min-width: 890px) {
+    :host {
+      display: -ms-grid;
+      display: grid;
+      -ms-grid-columns: 40% 20% 40%;
+      grid-template-columns: 40% 20% 40%;
+    }
+
+    .wayback-search {
+      -ms-grid-column: 1;
+      -ms-grid-column-span: 3;
+      grid-column: 1 / 4;
+    }
+
+    h3 {
+      display: none;
+    }
+
+    .icon-links {
+      -ms-grid-column: 1;
+    }
+
+    .icon-links a {
+      padding-top: 3.5rem;
+      max-width: 16rem;
+    }
+
+    .links {
+      padding: 0 1.5rem;
+    }
+
+    .featured {
+      -ms-grid-column: 2;
+    }
+
+    .featured h4 {
+      display: block;
+    }
+
+    .top {
+      -ms-grid-column: 3;
+    }
+
+    .top ul {
+      display: -ms-grid;
+      display: grid;
+      -ms-grid-columns: 50% 3rem 50%;
+      grid-template-columns: 50% 50%;
+      -ms-grid-rows: (auto)[7];
+      grid-template-rows: repeat(7, auto);
+      grid-column-gap: 3rem;
+      grid-auto-flow: column;
+    }
+    .top ul > *:nth-child(1) {
+      -ms-grid-row: 1;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(2) {
+      -ms-grid-row: 2;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(3) {
+      -ms-grid-row: 3;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(4) {
+      -ms-grid-row: 4;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(5) {
+      -ms-grid-row: 5;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(6) {
+      -ms-grid-row: 6;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(7) {
+      -ms-grid-row: 7;
+      -ms-grid-column: 1;
+    }
+    .top ul > *:nth-child(8) {
+      -ms-grid-row: 1;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(9) {
+      -ms-grid-row: 2;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(10) {
+      -ms-grid-row: 3;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(11) {
+      -ms-grid-row: 4;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(12) {
+      -ms-grid-row: 5;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(13) {
+      -ms-grid-row: 6;
+      -ms-grid-column: 3;
+    }
+    .top ul > *:nth-child(14) {
+      -ms-grid-row: 7;
+      -ms-grid-column: 3;
+    }
+  }
+`];

package/src/styles/more-slider.js

@@ -1,15 +1,15 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  ul {
-    padding: 0;
-    margin: -1rem 0 0 0;
-    list-style: none;
-  }
-  a {
-    display: block;
-    padding: 1rem 0;
-    text-decoration: none;
-    color: var(--activeColor);
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  ul {
+    padding: 0;
+    margin: -1rem 0 0 0;
+    list-style: none;
+  }
+  a {
+    display: block;
+    padding: 1rem 0;
+    text-decoration: none;
+    color: var(--activeColor);
+  }
+`;

package/src/styles/nav-search.js

@@ -1,136 +1,136 @@
-import { css } from 'https://offshoot.prod.archive.org/lit.js';
-
-export default css`
-  input[type="text"] {
-    color: var(--grey13);
-  }
-
-  input:focus {
-    outline: none;
-  }
-  button {
-    background: none;
-    color: inherit;
-    border: none;
-    font: inherit;
-    cursor: pointer;
-  }
-  button:focus {
-    outline: none;
-  }
-  .search {
-    padding-top: 0;
-    margin-right: 0.5rem;
-  }
-  .search svg {
-    position: relative;
-    fill: var(--activeSearchColor);
-  }
-  .search-activated {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: absolute;
-    top: 0;
-    right: 4rem;
-    bottom: 0;
-    left: 4rem;
-    z-index: 3;
-    padding: 0.5rem 0.2rem;
-    border-radius: 1rem 1rem 0 0;
-    background: var(--searchActiveBg);
-  }
-  .search-inactive {
-    display: none;
-  }
-  .search-activated .highlight,
-  .search-activated .search {
-    background: var(--searchActiveInputBg);
-    border-radius: 0.5rem;
-  }
-  .search-activated .highlight {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    margin: 0 0.5rem;
-  }
-  .search-activated .search {
-    height: 100%;
-    padding: 0;
-    margin-right: 0;
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-  }
-  .search-activated .search svg {
-    height: 3rem;
-    width: 3rem;
-  }
-  .search-activated .search-field {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding-left: 1rem;
-    border-radius: 0.5rem;
-    border: none;
-    font-size: 1.6rem;
-    text-align: center;
-  }
-  .search-activated .search-field:focus {
-    outline: none;
-  }
-  @keyframes fade-in {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-  .fade-in {
-    animation: fade-in 0.2s forwards;
-  }
-
-  @media (min-width: 890px) {
-    .search svg {
-      display: inline;
-      width: 2.8rem;
-      height: 2.8rem;
-      vertical-align: -14px;
-    }
-    .search path {
-      fill: var(--desktopSearchIconFill);
-    }
-
-    .search-inactive,
-    .search-activated {
-      display: block;
-      position: static;
-      padding: 1.1rem 0.2rem;
-      background: transparent;
-    }
-
-    .search-activated .highlight {
-      width: 13rem;
-      height: 2.8rem;
-      -webkit-box-orient: horizontal;
-      -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-    }
-
-    .search-activated .search-field {
-      width: calc(100% - 28px);
-      height: 100%;
-      padding-left: 0;
-      font-size: 1.4rem;
-      text-align: left;
-    }
-
-    .search-activated .search svg {
-      width: 2.8rem;
-      height: 2.8rem;
-    }
-  }
-`;
+import { css } from 'https://offshoot.prod.archive.org/lit.js';
+
+export default css`
+  input[type="text"] {
+    color: var(--grey13);
+  }
+
+  input:focus {
+    outline: none;
+  }
+  button {
+    background: none;
+    color: inherit;
+    border: none;
+    font: inherit;
+    cursor: pointer;
+  }
+  button:focus {
+    outline: none;
+  }
+  .search {
+    padding-top: 0;
+    margin-right: 0.5rem;
+  }
+  .search svg {
+    position: relative;
+    fill: var(--activeSearchColor);
+  }
+  .search-activated {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: absolute;
+    top: 0;
+    right: 4rem;
+    bottom: 0;
+    left: 4rem;
+    z-index: 3;
+    padding: 0.5rem 0.2rem;
+    border-radius: 1rem 1rem 0 0;
+    background: var(--searchActiveBg);
+  }
+  .search-inactive {
+    display: none;
+  }
+  .search-activated .highlight,
+  .search-activated .search {
+    background: var(--searchActiveInputBg);
+    border-radius: 0.5rem;
+  }
+  .search-activated .highlight {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    margin: 0 0.5rem;
+  }
+  .search-activated .search {
+    height: 100%;
+    padding: 0;
+    margin-right: 0;
+    -ms-flex-item-align: center;
+    -ms-grid-row-align: center;
+    align-self: center;
+  }
+  .search-activated .search svg {
+    height: 3rem;
+    width: 3rem;
+  }
+  .search-activated .search-field {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-left: 1rem;
+    border-radius: 0.5rem;
+    border: none;
+    font-size: 1.6rem;
+    text-align: center;
+  }
+  .search-activated .search-field:focus {
+    outline: none;
+  }
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  .fade-in {
+    animation: fade-in 0.2s forwards;
+  }
+
+  @media (min-width: 890px) {
+    .search svg {
+      display: inline;
+      width: 2.8rem;
+      height: 2.8rem;
+      vertical-align: -14px;
+    }
+    .search path {
+      fill: var(--desktopSearchIconFill);
+    }
+
+    .search-inactive,
+    .search-activated {
+      display: block;
+      position: static;
+      padding: 1.1rem 0.2rem;
+      background: transparent;
+    }
+
+    .search-activated .highlight {
+      width: 13rem;
+      height: 2.8rem;
+      -webkit-box-orient: horizontal;
+      -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+    }
+
+    .search-activated .search-field {
+      width: calc(100% - 28px);
+      height: 100%;
+      padding-left: 0;
+      font-size: 1.4rem;
+      text-align: left;
+    }
+
+    .search-activated .search svg {
+      width: 2.8rem;
+      height: 2.8rem;
+    }
+  }
+`;