@patreon/studio/module/styles/classNameForTextLayout/TextLayoutBundle.module.css

Patreon Studio Design System

.shared {
  margin: 0;
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsisBasic {
  white-space: nowrap;
}

.ellipsisLine1 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.ellipsisLine2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.ellipsisLine3 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

.ellipsisLine4 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}

.ellipsisLine5 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
}

.ellipsisLine6 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 6;
}

.ellipsisLine7 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 7;
}

.alignLeft {
    text-align: left;
  }

.alignCenter {
    text-align: center;
  }

.alignRight {
    text-align: right;
  }

@media (min-width: 588px) {

  .alignLeftBreakpointSm {
    text-align: left;
  }

  .alignCenterBreakpointSm {
    text-align: center;
  }

  .alignRightBreakpointSm {
    text-align: right;
  }
}

@media (min-width: 796px) {

  .alignLeftBreakpointMd {
    text-align: left;
  }

  .alignCenterBreakpointMd {
    text-align: center;
  }

  .alignRightBreakpointMd {
    text-align: right;
  }
}

@media (min-width: 978px) {

  .alignLeftBreakpointLg {
    text-align: left;
  }

  .alignCenterBreakpointLg {
    text-align: center;
  }

  .alignRightBreakpointLg {
    text-align: right;
  }
}

@media (min-width: 1280px) {

  .alignLeftBreakpointXl {
    text-align: left;
  }

  .alignCenterBreakpointXl {
    text-align: center;
  }

  .alignRightBreakpointXl {
    text-align: right;
  }
}

@media (min-width: 1440px) {

  .alignLeftBreakpointXxl {
    text-align: left;
  }

  .alignCenterBreakpointXxl {
    text-align: center;
  }

  .alignRightBreakpointXxl {
    text-align: right;
  }
}