Skip to content
Snippets Groups Projects
cta-liftup-image-text.scss 1.17 KiB
Newer Older
  • Learn to ignore specific revisions
  • :host {
      display: block;
    
    
    .hy-cta-liftup-image-text {
      display: flex;
    
      &__image-container {
        display: flex;
        justify-content: stretch;
        min-height: 10rem;
        position: relative;
    
        /*
        &:before {
          content: "";
          display: block;
          padding-top: (10 / 16) * 100%;
          width: 100%;
        }
        */
    
        > img {
          //bottom: 0;
          //height: 100%;
          //left: 0;
          object-fit: cover;
          //position: absolute;
          //right: 0;
          //top: 0;
          //width: 100%;
        }
      }
    
      &__text-container {
        background: var(--grayscale-white);
        //margin: 3rem 1px 3rem -1px;
        //padding: 1.5rem .5rem 1.5rem 0;
    
        @include breakpoint($medium) {
          //margin: 1px 1px 1px -1px;
          //padding: 2.5rem .5rem 2.5rem 0;
        }
    
        &__title {
          color: var(--brand-main-nearly-black);
          font-family: "Open Sans";
          font-size: 20px;
          font-weight: 600;
          letter-spacing: -0.63px;
          line-height: 26px;
          margin-bottom: 11px;
        }
    
        &__description {
          color: var(--grayscale-dark);
          font-family: "Open Sans";
          font-size: 14px;
          letter-spacing: -0.2px;
          line-height: 20px;
        }
      }
    }