This is the codeAbility Sharing Platform! Learn more about the codeAbility Sharing Platform.

Skip to content
Snippets Groups Projects
teaserContent.component.scss 1.2 KiB
Newer Older
Daniel Crazzolara's avatar
Daniel Crazzolara committed
angular-tag-cloud span {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  thead {
    display: none;
  }
  td {
    display: block;
  }
  td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
    text-align: center;
  }
}

@media only screen and (max-width: 1000px) {
  thead {
    display: none;
  }
  td {
    display: block;
  }
  td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold;
    text-align: center;
  }
}
Michael Breu's avatar
Michael Breu committed

/* font sizes */
Daniel Crazzolara's avatar
Daniel Crazzolara committed
::ng-deep angular-tag-cloud.teaserCloud span.w10 {
  font-size: 350%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w9 {
  font-size: 310%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w8 {
  font-size: 270%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w7 {
  font-size: 240%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w6 {
  font-size: 210%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w5 {
  font-size: 180%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w4 {
  font-size: 160%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w3 {
  font-size: 140%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w2 {
  font-size: 120%;
}
::ng-deep angular-tag-cloud.teaserCloud span.w1 {
  font-size: 100%;
}