No notes defined.

<div class="uol-rich-text">
  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste beatae dignissimos error. Pariatur, voluptatibus officia commodi consectetur porro maiores odit. Molestias accusantium architecto aspernatur minus veritatis harum ullam facilis repellat?</p>
  <p>Autem distinctio illo veniam ratione sapiente, minus maxime ipsam tempora delectus voluptatem officiis similique repellat nam, in esse repudiandae ex minima reiciendis facilis earum aliquam qui dolorem. Doloribus, quam illum.</p>
  <p>Unde, odio distinctio blanditiis totam provident quo obcaecati impedit quidem, officiis ex ducimus adipisci dolorem sed. Rem, iure qui? Nulla voluptatum dicta nostrum obcaecati labore quasi nisi repellat fuga totam.</p>
  <p>In impedit vel voluptatibus, nisi veritatis quas assumenda, libero corporis non fugiat molestias minima quos ipsa delectus odio quae praesentium aperiam nihil nobis consequuntur iusto corrupti? Possimus iure repellendus corrupti.</p>
  <p>Fuga molestiae culpa minima ipsam laborum, repellendus labore unde nobis velit voluptatibus! Natus nobis impedit explicabo temporibus molestias, magnam incidunt aperiam totam illum minima amet vero itaque, excepturi maiores harum.</p>
  <p>Animi dignissimos perspiciatis maiores esse soluta, minima eveniet repellat fugiat harum quo! Porro explicabo quo magni, est aspernatur suscipit vel id odit ipsum rerum expedita corrupti nam voluptates, mollitia blanditiis!</p>
  <p>Aut est et voluptate corporis impedit corrupti accusamus incidunt maiores! Voluptatibus deleniti harum delectus, numquam cumque adipisci officia ipsum consequuntur esse et error ullam maiores architecto, sint dolor deserunt reprehenderit?</p>
  <p>Placeat suscipit doloremque dicta, veniam voluptatum sunt error perferendis iure unde non quibusdam ad similique quae sapiente necessitatibus totam quam reiciendis ipsa, cumque iste quas nobis, aliquam officia? Id, impedit.</p>
  <p>Ipsum omnis pariatur deleniti nihil magni consequatur natus ducimus suscipit inventore dolores. Sequi error quaerat facilis. Molestias provident voluptates quibusdam ipsam, harum est consequatur temporibus minima dolores, possimus, facere natus!</p>
  <p>Asperiores, doloribus repellat minus velit alias optio neque ea rerum. Aliquid dolore porro corrupti, velit asperiores quasi sed? Laudantium dignissimos dolorem quam sapiente eum voluptatibus laborum enim animi officia excepturi.</p>
</div>

{# Tag manager script should go in template after all content for production sites #}
<script>
  var uolPrivacyUrl = '/privacy-policy';
  var uolPrivacyStatementDate = '2020-12-17';
  var gtmTagAnalytics = 'GTM-WJ7R9HF';
  var gtmTagMarketing = 'GTM-5332L6G';
</script>
<div class="uol-rich-text">
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste beatae dignissimos error. Pariatur, voluptatibus officia commodi consectetur porro maiores odit. Molestias accusantium architecto aspernatur minus veritatis harum ullam facilis repellat?</p>
    <p>Autem distinctio illo veniam ratione sapiente, minus maxime ipsam tempora delectus voluptatem officiis similique repellat nam, in esse repudiandae ex minima reiciendis facilis earum aliquam qui dolorem. Doloribus, quam illum.</p>
    <p>Unde, odio distinctio blanditiis totam provident quo obcaecati impedit quidem, officiis ex ducimus adipisci dolorem sed. Rem, iure qui? Nulla voluptatum dicta nostrum obcaecati labore quasi nisi repellat fuga totam.</p>
    <p>In impedit vel voluptatibus, nisi veritatis quas assumenda, libero corporis non fugiat molestias minima quos ipsa delectus odio quae praesentium aperiam nihil nobis consequuntur iusto corrupti? Possimus iure repellendus corrupti.</p>
    <p>Fuga molestiae culpa minima ipsam laborum, repellendus labore unde nobis velit voluptatibus! Natus nobis impedit explicabo temporibus molestias, magnam incidunt aperiam totam illum minima amet vero itaque, excepturi maiores harum.</p>
    <p>Animi dignissimos perspiciatis maiores esse soluta, minima eveniet repellat fugiat harum quo! Porro explicabo quo magni, est aspernatur suscipit vel id odit ipsum rerum expedita corrupti nam voluptates, mollitia blanditiis!</p>
    <p>Aut est et voluptate corporis impedit corrupti accusamus incidunt maiores! Voluptatibus deleniti harum delectus, numquam cumque adipisci officia ipsum consequuntur esse et error ullam maiores architecto, sint dolor deserunt reprehenderit?</p>
    <p>Placeat suscipit doloremque dicta, veniam voluptatum sunt error perferendis iure unde non quibusdam ad similique quae sapiente necessitatibus totam quam reiciendis ipsa, cumque iste quas nobis, aliquam officia? Id, impedit.</p>
    <p>Ipsum omnis pariatur deleniti nihil magni consequatur natus ducimus suscipit inventore dolores. Sequi error quaerat facilis. Molestias provident voluptates quibusdam ipsam, harum est consequatur temporibus minima dolores, possimus, facere natus!</p>
    <p>Asperiores, doloribus repellat minus velit alias optio neque ea rerum. Aliquid dolore porro corrupti, velit asperiores quasi sed? Laudantium dignissimos dolorem quam sapiente eum voluptatibus laborum enim animi officia excepturi.</p>
</div>

<script>
    var uolPrivacyUrl = '/privacy-policy';
    var uolPrivacyStatementDate = '2020-12-17';
    var gtmTagAnalytics = 'GTM-WJ7R9HF';
    var gtmTagMarketing = 'GTM-5332L6G';
</script>
  • Content:
    .js {
    
      .uolcc-prompt-container,
      .uolcc-privacy-update-container {
          background: $color-black;
          border-bottom: 2px solid $color-border;
          padding: $spacing-3 $spacing-2;
          color: $color-white;
    
          @include media(">=uol-media-xs") {
            padding: $spacing-4;
          }
    
          @include media(">=uol-media-l") {
            padding: $spacing-5;
          }
      }
    
      .uolcc-container,
      .uolcc-prompt-container,
      .uolcc-privacy-update-container {
    
          &:focus {
              outline: none;
          }
    
          .uolcc-outer {
              // position: fixed;
          }
    
          .uolcc-prefs-header,
          .uolcc-prefs-footer {
            background: $color-black;
            color: $color-white;
          }
    
          .uolcc-prefs-header {
    
          }
    
          .uolcc-prefs-footer {
            box-shadow:
            0 -10px 20px 0 rgba($color-black--dark, 0.15),
            0 -3px 6px 0 rgba($color-black--dark, 0.1);
          }
    
          .uolcc-title {
            @extend .uol-typography-heading-2;
          }
    
          .uolcc-subtitle {
            @extend .uol-typography-heading-3;
          }
    
          p {
            @extend .uol-typography-paragraph;
          }
    
          ul {
            @extend .uol-typography-paragraph;
            @extend .uol-typography-ul;
          }
    
          ol {
            @extend .uol-typography-ol;
          }
    
          .uolcc-cookie-detail__button {
            color: inherit;
          }
    
          .uolcc-cookie-detail__button-title {
            @extend %text-size-heading-5;
            @extend %uol-font-sans-serif;
    
            font-weight: $font-weight-medium--sans-serif;
          }
    
          .uolcc-form-inner {
    
          }
    
          .uolcc-prompt-inner {
    
          }
          .uolcc-prompt-inner,
          .uolcc-privacy-update-inner {
            box-sizing: border-box;
            max-width: 101.75rem;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: $spacing-4;
    
            @include media(">=uol-media-xl") {
              padding: 0 $spacing-4;
            }
    
              .uolcc-title {
    
              }
    
    
              p {
                @extend .uol-typography-paragraph;
    
                max-width: 65ch;
              }
          }
    
          .uolcc-cookie-detail {
    
          }
    
          .uolcc-cookie-detail__checkbox-container {
            @extend %text-size-heading-6;
          }
    
          .uolcc-cookie-detail__button--open {
    
          }
    
          .uolcc-cookie-detail__expand-icon {
            width: 1.3em;
            height: 1.3em;
          }
    
          .uolcc-cookie-detail__button--open .uolcc-cookie-detail__button-title {
    
          }
    
          .uolcc-button {
            @extend %uol-font-sans-serif;
            @extend .uol-button;
            @extend .uol-button--primary;
    
            @include button_focus(-6px, 10px);
    
            border: 1px solid $color-white;
          }
    
          .uolcc-button + .uolcc-button {
    
            @include media("<uol-media-xs") {
              margin-top: $spacing-3;
            }
    
            @include media(">=uol-media-xs") {
              margin-left: $spacing-3;
            }
    
          }
    
              .uolcc-button--secondary {
                @extend .uol-button--secondary;
              }
      }
    
      #cookie-control-prompt,
      #cookie-control-privacy-update {
          &.uolcc-prompt-container,
          &.uolcc-privacy-update-container {
    
              a {
                @include link_focus();
              }
          }
      }
    
    }
    
  • URL: /components/raw/uol-cookie-control/_cookie-control.scss
  • Filesystem Path: src/library/02-components/cookie-control/_cookie-control.scss
  • Size: 3.2 KB
/* No context defined. */