/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/breakpoint' as *;
@use '@carbon/styles/scss/config' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '../../globals/utils/flex-grid' as *;
@use '../../globals/vars' as *;
@use '../../globals/imports' as *;
@use '../../internal/content-item/content-item';
@use '../link-with-icon';

@mixin pictogram-item {
  .#{$prefix}--pictogram-item,
  :host(#{$c4d-prefix}-pictogram-item) {
    .#{$prefix}--pictogram-item__row {
      @include make-row;

      margin-inline: 0;

      max-inline-size: 100%;

      @include breakpoint(lg) {
        max-inline-size: 100%;
      }
    }

    .#{$prefix}--pictogram-item__wrapper {
      @include make-col-ready;

      @include make-col(4, 4);

      @include breakpoint(md) {
        @include make-col(2, 8);
      }
    }

    .#{$prefix}--pictogram-item__content {
      @include make-col-ready;

      @include make-col(4, 4);

      @include breakpoint(md) {
        @include make-col(6, 8);
      }

      @include breakpoint(max) {
        padding-inline-end: $spacing-11;
      }
    }

    .#{$prefix}--pictogram-item__pictogram,
    ::slotted(svg) {
      display: block;
      block-size: $spacing-11;
      inline-size: $spacing-11;
      margin-block-start: $spacing-07;
    }

    &[color='blue'] {
      .#{$prefix}--pictogram-item__pictogram {
        color: $link-primary;
      }
    }
  }
}