@amp-nova/dc-accelerators/dist/renders/splitBlock/package/splitBlock.css

Amplience DC Frontend modules

.amp-dc-splitBlock {
  margin: 0;
  padding: 0;
}

.amp-dc-splitBlock:after {
  content: "";
  display: table;
  clear: both;
}

.amp-dc-splitBlock .amp-dc-split-part {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.amp-dc-splitBlock .amp-dc-split-part .amp-dc-text {
  min-width: 100px;
}

.amp-dc-splitBlock .amp-dc-split-part .amp-dc-video {
  min-width: 300px;
}

.amp-dc-splitBlock .amp-dc-split-part .amp-dc-image {
  min-width: 100px;
}

.amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-50 {
  width: 50%;
}

.amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-70 {
  width: 70%;
}

.amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-30 {
  width: 30%;
}

.amp-dc-splitBlock .amp-dc-split-part .amp-dc-split-part-wrap {
  padding-left: 20px;
}

.amp-dc-splitBlock .amp-dc-split-part:first-child .amp-dc-split-part-wrap {
  padding-left: 0;
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  .amp-dc-splitBlock .amp-dc-split-part {
    float: none;
  }
  .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-50 {
    width: 100%;
  }
  .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-70 {
    width: 100%;
  }
  .amp-dc-splitBlock .amp-dc-split-part.amp-dc-size-30 {
    width: 100%;
  }
  .amp-dc-splitBlock .amp-dc-split-part:first-child {
    padding: 0 0 30px 0;
  }
  .amp-dc-splitBlock .amp-dc-split-part .amp-dc-split-part-wrap {
    padding-left: 0;
  }
  .amp-dc-splitBlock .amp-dc-split-part:first-child .amp-dc-split-part-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}