custom/plugins/BoedenThemeExtension/src/Resources/views/storefront/layout/homepage-video/homepage-style.twig line 1

Open in your IDE?
  1. <style>
  3.     {# Homepage specific CSS#}
  4.     .nav-header {
  5.         background-color: transparent;
  6.     }
  8.     .no-pos-rel-col-12 .col-12 {
  9.         position: unset;
  10.     }
  12.     .no-pos-rel-col-12 {
  13.         position: relative;
  14.         height: clamp(50vh, 80vw, 100vh);
  15.     }
  18.     .header-main {
  19.         position: absolute;
  20.         z-index: 9;
  21.         width: 100%;
  22.         background: transparent; /* fallback for old browsers */
  23.         background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)); /* Chrome 10-25, Safari 5.1-6 */
  24.         background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  25.     }
  27.     .nav-main .main-navigation, .top-bar, .js-sticky [class*="bg-opacity-"].nav-main .main-navigation, .js-sticky [class*="bg-opacity-"].nav-header {
  28.         background-color: transparent;
  29.     }
  31.     .header-main .header-inner{
  32.         background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)); /* Chrome 10-25, Safari 5.1-6 */
  33.         background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  34.     }
  35.     .main-navigation-link, .top-bar {
  36.         color: white;
  37.     }
  40. </style>