| | |
| | | .gmb-reviews { |
| | | max-width: none; |
| | | > .row.center { |
| | | > .row.x-mid { |
| | | max-width:var(--content); |
| | | margin: 0 auto; |
| | | --gap: .5rem 6rem; |
| | |
| | | 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 { |
| | |
| | | } |
| | | cite { |
| | | position: relative; |
| | | margin-top: var(--btn); |
| | | |
| | | img { |
| | | width: 4.5rem; |
| | |
| | | } |
| | | } |
| | | .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 { |
| | |
| | | width: max-content; |
| | | } |
| | | .icon { |
| | | color: var(--action-0); |
| | | color: rgb(var(--action-0)); |
| | | } |
| | | } |
| | | .footer .button { |
| | | .btn { |
| | | width: 100%; |
| | | } |
| | | } |