Testimonial Single

The difference working with Calligo was the team’s mindset. They looked at the problem entirely as a commercial question, not as a data science challenge applied in a business context. And it worked.”

Bo Oslen
Microsoft

Fields
PHP
SCSS
JavaScript
Pages
Notes

Field

Field Type

Field Name

Instructions

Block Data

tab

Select Testimonials

relationship

testimonials

Block Meta

tab

text

block_id

Block Classes

text

block_classes

Background Colors

select

background_colors

Padding Top

select

padding_top

Padding Bottom

select

padding_bottom

Margin Top

select

margin_top

Margin Bottom

select

margin_bottom

@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-testimonial-single{
    padding: 3em 0;
    
    @include bp($lg){
        padding: rem-calc(56 0);
    }
    
    &-wrap{
        position: relative;
        background: $grey-tertiary;
        border-radius: 24px;
        padding: rem-calc(32 16);
        max-width: rem-calc(1075);
        margin: 0 auto;
        
        @include bp($lg){
            padding: rem-calc(64 110 64 110);
            border-radius: 40px;
        }
    }
    .ts{
        &-wrap{
            max-width: rem-calc(794);
            .quote-icon{
                margin-bottom: rem-calc(28);
                @include bp($lg){
                    margin-bottom: rem-calc(64);
                }
            }
        }
        
        &-content{
            font-size: rem-calc(18);
            line-height: rem-calc(26);
            letter-spacing: 0.05em;

            @include bp($lg){
                font-size: rem-calc(24);
                line-height: rem-calc(32);
                &.has-logo{
                    width: 64%;
                    padding-right: rem-calc(74);
                }
            }
            p{
                font-size: rem-calc(18);
                line-height: rem-calc(26);
                letter-spacing: 0.05em;

                @include bp($lg){
                    font-size: rem-calc(24);
                    line-height: rem-calc(32);
                }

                &.ts-by{
                    font-size: rem-calc(18);
                    line-height: rem-calc(26);
                    letter-spacing: 0.05em;
                    margin: 0;
                    @include bp($lg){
                        font-size: rem-calc(20);
                        line-height: rem-calc(32);
                        width: 64.91%;
                        padding-right: rem-calc(74);
                    }
                }
            }
        }
    }
}

There are is no JavaScript file with this component.