You are here

Home » API reference » View Modes Inventory - Bootstrap Ready 8.2

horizontal-media-teaser.css in View Modes Inventory - Bootstrap Ready 8.2

Same filename in this branch
  1. 8.2 css/horizontal-media-teaser/layout/horizontal-media-teaser.css
  2. 8.2 css/horizontal-media-teaser/theme/horizontal-media-teaser.css
Same filename and directory in other branches
  1. 8 css/horizontal-media-teaser/theme/horizontal-media-teaser.css
.horizontal-media-teaser-view-mode.anchor-all {
  position: relative;
}

.horizontal-media-teaser-view-mode.anchor-all .right,
.horizontal-media-teaser-view-mode.anchor-all .left {
  position: static;
}

.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title {
  position: static;
}

.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {
  position: static;
  font-size: calc(1.265rem + 0.18vw);
}

@media (min-width: 1200px) {
  .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {
    font-size: 1.4rem;
  }
}

.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a {
  position: static;
}

.horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: "";
}

.horizontal-media-teaser-view-mode.anchor-all a {
  position: relative;
  z-index: 2;
}

File

css/horizontal-media-teaser/theme/horizontal-media-teaser.css
View source 
  1. .horizontal-media-teaser-view-mode.anchor-all {

  2.   position: relative;

  3. }

  4. 

  5. .horizontal-media-teaser-view-mode.anchor-all .right,

  6. .horizontal-media-teaser-view-mode.anchor-all .left {

  7.   position: static;

  8. }

  9. 

  10. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title {

  11.   position: static;

  12. }

  13. 

  14. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {

  15.   position: static;

  16.   font-size: calc(1.265rem + 0.18vw);

  17. }

  18. 

  19. @media (min-width: 1200px) {

  20.   .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 {

  21.     font-size: 1.4rem;

  22.   }

  23. }

  24. 

  25. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a {

  26.   position: static;

  27. }

  28. 

  29. .horizontal-media-teaser-view-mode.anchor-all .field--name-node-title h3 a::before {

  30.   position: absolute;

  31.   z-index: 1;

  32.   top: 0;

  33.   right: 0;

  34.   bottom: 0;

  35.   left: 0;

  36.   display: block;

  37.   overflow: hidden;

  38.   content: "";

  39. }

  40. 

  41. .horizontal-media-teaser-view-mode.anchor-all a {

  42.   position: relative;

  43.   z-index: 2;

  44. }