Untitled
unknown
plain_text
6 months ago
8.9 kB
6
Indexable
.bx-quote-block {
background-color: var(--c-background);
color: var(--c-copy);
margin-top: 0;
}
.bx-quote-block p {
word-wrap: break-word;
}
.bx-quote-block__inner {
position: relative;
max-width: var(--container-width);
margin-left: auto;
margin-right: auto;
display: grid;
column-gap: var(--spacing-16);
grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
@media (--bp-min) {
--columns: 4;
grid-template-areas: "InnerQuoteImage InnerQuoteImage InnerQuoteImage InnerQuoteImage"
"InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent";
}
@media (--bp-medium) {
--columns: 8;
grid-template-areas: "InnerQuoteImage InnerQuoteImage InnerQuoteImage . InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent";
}
@media (--bp-large) {
--columns: 16;
grid-template-areas: "InnerQuoteImage InnerQuoteImage InnerQuoteImage InnerQuoteImage . . InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent InnerQuoteContent";
}
}
.bx-quote_medium.bx-quote-block__quote-footer{
display: none;
@media (--bp-medium) {
position: relative;
display: block;
height: var(--spacing-40);
margin-top: var(--spacing-48);
}
@media (--bp-large) {
display: none;
}
}
/* LEFT PART OF CONTAINER */
.bx-quote-block-left__content {
grid-area: InnerQuoteImage;
}
.bx-quote-block-inner__image {
grid-area: InnerQuoteImage;
object-fit: cover;
--x: 0.5;
--y: 0.5;
@media (--bp-large) and (--bp-up-to-xlarge) {
width: 17rem !important;
}
@media (--bp-xlarge) and (--bp-up-to-max) {
width: 19rem !important;
}
}
.bx-quote-block-inner__image img {
object-fit: cover;
object-position: calc(var(--x) * 100%) calc(var(--y) * 100%);
width: 100%;
aspect-ratio: 3 / 4;
@media (--bp-min) {
height: 27.375rem;
}
@media (--bp-small) {
height: 30.688rem;
}
@media (--bp-medium) {
height: 20.688rem;
}
@media (--bp-large) {
height: 22.688rem;
}
@media (--bp-xlarge) {
height: 25.313rem;
}
@media (--bp-max) {
height: 33.313rem;
}
}
/* RIGHT PART OF CONTAINER */
.bx-quote-block-right__content {
grid-area: InnerQuoteContent;
}
.bx-quote-block__author-main__frontend .bx-quote-block__author-inner {
@media (--bp-min) {
text-align: right;
}
@media (--bp-large) {
text-align: left;
}
}
.bx-quote-block__content {
grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
display: grid;
@media (--bp-min) {
margin-top: var(--spacing-48);
}
@media (--bp-small) {
margin-top: var(--spacing-48);
}
@media (--bp-medium) {
--columns: 4;
margin-top: var(--spacing-80);
grid-template-areas: "Author Author Author Author";
}
@media (--bp-large) {
--columns: 10;
margin-top: var(--spacing-88);
grid-template-areas: ". . . . . . Author Author Author Author";
}
@media (--bp-xlarge) {
margin-top: var(--spacing-96);
}
@media (--bp-max) {
margin-top: var(--spacing-104);
}
}
.bx-quote-block__author-main .bx-quote-block__author-inner .bx-quote-block__authorname {
font-weight: var(--fw-regular);
color: var(--c-copy);
@media (--bp-min) {
font-size: var(--fs-20);
}
@media (--bp-max) {
font-size: var(--fs-24);
}
}
.bx-quote-block__authorname-spacing {
margin-bottom: var(--spacing-16);
}
.bx-quote-block__author-main .bx-quote-block__author-inner .bx-quote-block__designation {
font-weight: var(--fw-light);
color: var(--c-copy);
font-size: var(--fs-16);
@media (--bp-max) {
font-size: var(--fs-18);
}
}
.bx-quote-block-inner_content {
grid-area: InnerQuoteContent;
@media (--bp-up-to-medium) {
margin-top: var(--spacing-56);
}
@media (--bp-max) {
width: 57.5rem;
}
}
.bx-quote-block-inner_content__inner {
font-weight: var(--fw-light);
color: var(--c-copy);
@media (--bp-min) {
font-size: var(--fs-24);
}
@media (--bp-medium) {
font-size: var(--fs-32);
}
@media (--bp-xlarge) {
font-size: var(--fs-40);
}
@media (--bp-max) {
font-size: var(--fs-48);
}
}
.bx-quote-block__quote-footer {
grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
display: grid;
@media (--bp-medium) {
--columns: 4;
grid-template-areas: "FooterNav FooterNav FooterNav . ";
}
@media (--bp-large) {
--columns: 10;
grid-template-areas: "FooterNav FooterNav FooterNav . . . . . . . ";
}
}
.bx-quote-block__author-main {
grid-area: Author;
}
.bx-quote-block__navigation {
grid-area: FooterNav;
align-items: center;
@media (--bp-large) {
padding-top: var(--spacing-8);
margin-top: -3.75rem;
grid-column-start: 1;
grid-column-end: 6;
}
}
.bx-dot-nav__item{
display: list-item !important;
}
.bx-quote-block__nav {
display: flex;
width: fit-content;
justify-content: space-between;
@media (--bp-min) {
display: flex;
align-items: center;
top: 22.85rem;
background: var(--c-background);
padding-top: var(--spacing-16);
padding-left: var(--spacing-16);
padding-bottom: var(--spacing-16);
right: 0;
position: absolute;
}
@media (--bp-small) {
padding-left: var(--spacing-24);
top: 26.163rem;
}
@media (--bp-medium) and (--bp-up-to-large) {
position: absolute;
left: 0;
top: 20.681rem;
padding: inherit;
padding-top: initial;
margin-top: var(--spacing-48);
z-index: 2;
}
@media (--bp-large) {
position: relative;
top: 0;
left: auto;
margin: initial;
padding: inherit;
padding-top: initial;
}
}
.bx-quote-block__inner__html .bx-quote-block__items {
transform-style: preserve-3d !important;
}
.bx-quote-block .tns-ovh {
height: auto !important;
}
.bx-quote-block[data-uw-sr-styled="true"] .bx-quote-block-inner_content__inner {
color: var(--c-black);
}
.bx-quote-block[data-uw-sr-styled="true"] .bx-quote-block__authorname {
color: var(--c-black);
}
.bx-quote-block[data-uw-sr-styled="true"] .bx-quote-block__designation {
color: var(--c-black);
}
.bx-quote-block__nav-button[data-uw-sr-styled="true"] {
outline: 0.625rem solid var(--c-yellow);
}
/* CAROUSEL BUTTON CSS */
.bx-quote-block__nav-button {
background-color: transparent;
color: var(--c-link);
& svg,
& span {
pointer-events: none;
}
&:hover,
&:focus-visible {
& .bx-quote-block__nav-button-icon {
transform: scale(1.1666666667);
}
& .bx-quote-block__nav-button-icon-fill {
opacity: 1;
}
& .bx-quote-block__nav-button-icon-arrow {
opacity: 0;
}
}
}
.bx-quote-block__nav-button--prev {
transform: rotate(180deg);
}
.bx-quote-block__nav-button-icon {
@media (--bp-min) {
height: var(--spacing-40);
}
display: inline-block;
transition: transform 0.3s;
}
.bx-quote-block__nav-button-icon-fill {
opacity: 0;
}
.bx-quote-block__nav-button-icon-fill,
.bx-quote-block__nav-button-icon-arrow {
transition: opacity 0.3s;
}
.bx-quote-block__nav .bx-dot-nav {
column-gap: var(--spacing-16);
align-items: center;
justify-content: center;
@media (--bp-min) {
width: 8.25rem;
}
@media (--bp-small) {
width: 9.25rem;
}
@media (--bp-medium) {
width: 10.5rem;
}
@media (--bp-large) {
width: 8.25rem;
}
@media (--bp-xlarge) {
width: 9.25rem;
}
@media (--bp-max) {
width: 10.25rem;
}
}
/* TINY SLIDER */
.bx-quote-block-left__content .bx-quote-block__item:not(.tns-slide-active),
.bx-quote-block-right__content__inner>div:not(.tns-slide-active),
.bx-quote-block-right__content>div:not(.tns-outer)~.bx-quote-block__quote-footer {
opacity: 0;
}
.bx-quote-block-left__content .bx-quote-block__item.tns-slide-active,
.bx-quote-block-right__content__inner>.tns-slide-active,
.bx-quote-block-right__content>.tns-outer~.bx-quote-block__quote-footer {
opacity: 1;
}
/* ADMIN CSS */
.red-error {
color: var(--c-red);
font-size: var(--spacing-12);
}
.bx-quote-block--editor .bx-quote-block__item--image {
padding-bottom: var(--spacing-80);
}
.bx-quote-block--editor {
margin-top: 0 !important;
}
.tenup--block-components__character-count svg {
font-size: initial !important;
}
.bx-quote-block__desgnation_admin,
.bx-quote-block__name_admin {
margin-top: var(--spacing-80);
margin-bottom: var(--spacing-40);
text-align: right;
}
.bx-quote-block__name_admin__error {
text-align: right;
}
.bx-quote-block_picture {
width: inherit;
}
.bx-quote-block.is-color-theme-dark .bx-quote-block__appender button{
color: var(--c-white);
box-shadow: inset 0 0 0 0.063rem var(--c-white);
}
.bx-quote-block .bx-quote-block__appender {
padding-right: 1.563rem;
}Editor is loading...
Leave a Comment