templates/layout/styles.html.twig line 1

Open in your IDE?
  1. {% set settings = pimcore_website_config('Settings',null, app.request.locale) %}
  3. {% if settings %}
  5.     {% set button_design  = settings.buttons %}
  6.     {% set swiper_points  = settings.gallerieNavigation %}
  7.     {% set color_swatches = settings.colorSwatches%}
  8.     {# google search console #}
  9.     {# <meta name="google-site-verification" content=""> #}
  10. <style>
  11.     :root {
  12.     {% for color in settings.colors %}
  13.         --{{ color.key | lower}}:{{ color.color }};
  14.     {% endfor %}
  15.         --white: #fff;
  16.         --black: #000;
  17.     }
  18.     {% if button_design == "square" %}
  19.     .buttons-row a.btn.primary {
  20.         border-radius: 0;
  21.     }
  22.     {% endif %}
  23.     {% if swiper_points == "lines" %}
  24.     .swiper-pagination-clickable .swiper-pagination-bullet {
  25.         width: 47px;
  26.         border-radius: 0;
  27.         height: 3px;
  28.     }
  29.     {% endif %}
  30.     {% if color_swatches == "square" %}
  31.     .bild-text23.bild-text23-half .container .element.drittel.color-swatches .item-wrapper .item .circle-color {
  32.         border-radius: 0;
  33.     }
  34.     {% endif %}
  35.     {% if color_swatches == "shape" %}
  36.     .bild-text23.bild-text23-half .container .element.drittel.color-swatches .item-wrapper .item .circle-color {
  37.         border-left: 6vw solid white;
  38.         border-right: 6vw solid white;
  39.         border-bottom: 12vw solid;
  40.         border-radius: 0;
  41.         width: 0;
  42.         height: 0;
  43.     }
  44.     {% endif %}
  45.     .buttons-row a.btn.primary {
  46.         border: 1px solid {{ settings.buttonColor }};
  47.     }
  48.     .buttons-row a.btn.primary:hover {
  49.         background-color: {{ settings.buttonColor }};
  50.     }
  51.     .buttons-row a.btn.primary.icon span.download {
  52.         color: {{ settings.buttonColor }};
  53.     }
  55. </style>
  59. {% if settings.gutter == "with_gutter" %}
  60.     <link href="{{ asset('assets/css/gutters.css') }}" media="screen" rel="stylesheet" type="text/css" />
  61. {% endif %}
  63. {% endif %}