@import "tools.functions";
@import "tools.mixins";

@mixin c-website-alert-sm {
  .c-website-alert--cookies {
    padding: 0;
    @include grid-template-columns(0, 1fr rem(700) 1fr);

    .c-website-alert__content {
      max-width: rem(400);
    }

    .c-website-alert__dismiss-btn {
      margin-top: rem(10);
    }
  }
  .c-website-alert--cookies__grid {
    @include grid-template-rows(0, rem(20) 1fr rem(20));
    @include grid-column(2, 3);
  }
}

@mixin c-website-alert-md {
  .c-website-alert--cookies {
    @include grid-template-columns(0, 1fr rem(940) 1fr);
    .c-website-alert__content {
      max-width: none;
    }
  }
}

@mixin c-website-alert-lg {
  .c-website-alert--cookies {
    @include grid-template-columns(0, 1fr rem(1260) 1fr);
  }
}
