wcfsetup/install/files/style/ui/embeddedContent.scss

   1 .embeddedContent {
   2         background-color: $wcfContentBackground;
   3         border: 1px solid $wcfContentBorderInner;
   4         border-radius: 3px;
   5         margin: 10px 0;
   6 }
   7
   8 .embeddedContentLink {
   9         display: block;
  10         padding: 10px;
  11 }
  12
  13 .embeddedContentCategory {
  14         color: $wcfContentDimmedText;
  15         text-transform: uppercase;
  16
  17         @include wcfFontSmall;
  18 }
  19
  20 .embeddedContentTitle {
  21         color: $wcfContentHeadlineText;
  22         margin-bottom: 20px;
  23
  24         @include wcfFontHeadline;
  25         @include wcfFontBold;
  26 }
  27
  28 .embeddedContentDescription {
  29         color: $wcfContentText;
  30         max-height: 120px;
  31         overflow: hidden;
  32         position: relative;
  33 }
  34 .embeddedContentDescription::after {
  35         background-image: linear-gradient(to top, $wcfContentBackground, transparent);
  36         bottom: 0;
  37         content: "";
  38         left: 0;
  39         position: absolute;
  40         right: 0;
  41         top: 100px;
  42 }
  43
  44 .embeddedContentMeta {
  45         align-items: center;
  46         border-top: 1px solid $wcfContentBorderInner;
  47         color: $wcfContentDimmedText;
  48         display: flex;
  49         padding: 10px;
  50
  51         @include wcfFontSmall;
  52 }
  53
  54 .embeddedContentMetaImage {
  55         flex: 0 auto;
  56         margin-right: 10px;
  57 }
  58
  59 .embeddedContentMetaContent {
  60         flex: 1 auto;
  61 }
  62
  63 .embeddedContentMetaAuthor {
  64         color: $wcfContentText;
  65
  66         > a {
  67                 color: inherit;
  68
  69                 &:hover {
  70                         text-decoration: underline;
  71                 }
  72         }
  73 }