Jake Vanderwerf
4 days ago 747d741293e064a979d7bf6c143ef969ea6d7629
src/gmbreviews/style.scss
@@ -1,6 +1,6 @@
.gmb-reviews {
   max-width: none;
   > .row.center {
   > .row.x-mid {
      max-width:var(--content);
      margin: 0 auto;
      --gap: .5rem 6rem;
@@ -31,23 +31,28 @@
         max-width: none;
         padding: 4rem 1rem;
         &:nth-of-type(odd) {
            background-color: var(--base-50);
            background-color: rgb(var(--base-50));
            blockquote {
               --background: var(--base-50);
               --background: rgb(var(--base-50));
            }
         }
         &:nth-of-type(even) {
            background-color: var(--base-100);
            background-color: rgb(var(--base-100));
            blockquote {
               --background: var(--base-100);
               --background: rgb(var(--base-100));
            }
         }
      }
   }
   blockquote {
      margin:0 auto;
      padding: 0;
      margin: 1rem auto;
      padding: 1rem 0 0;
      max-width: var(--content);
      border-top: 1px solid rgb(var(--base-200));
      .icon-quotes-fi {
         left: calc(var(--btnbtn) * -1);
      }
      .content {
         border-width: 4px 1px;
         &::after {
@@ -60,6 +65,7 @@
      }
      cite {
         position: relative;
         margin-top: var(--btn);
         img {
            width: 4.5rem;
@@ -89,12 +95,12 @@
      }
   }
   .stars .icon {
      background-color: var(--action-0);
      background-color: rgb(var(--action-0));
   }
   article {
      padding: 1rem;
      border-radius: var(--radius-outer);
      background-color: var(--base);
      background-color: rgb(var(--base));
      header {
         --align: center;
         >img {
@@ -113,10 +119,10 @@
         width: max-content;
      }
      .icon {
         color: var(--action-0);
         color: rgb(var(--action-0));
      }
   }
   .footer .button {
   .btn {
      width: 100%;
   }
}