Menu icon Foundation
What does the @include exports function do in the scss files

@include exports ("panel") <<<

I am trying to figure out what this does exactly.

I have edited one but don't want it living in the actual panels scss file. is there a way to change this or what does it do exactly?

@include exports("panel") {
  @if $include-html-panel-classes {

    /* Panels */
    .panel { @include panel;

      &.callout {
        @include panel(scale-color($primary-color, $lightness: 94%));
        a:not(.button) {
          color: $callout-panel-link-color;
        }
      }

      &.radius {
        @include radius;
      }

    }

  }
}
            

         

scssSass

@include exports ("panel") <<<

I am trying to figure out what this does exactly.

I have edited one but don't want it living in the actual panels scss file. is there a way to change this or what does it do exactly?

@include exports("panel") {
  @if $include-html-panel-classes {

    /* Panels */
    .panel { @include panel;

      &.callout {
        @include panel(scale-color($primary-color, $lightness: 94%));
        a:not(.button) {
          color: $callout-panel-link-color;
        }
      }

      &.radius {
        @include radius;
      }

    }

  }
}
            

         
Rafi Benkual over 4 years ago

You might want to upgrade your Sass if you're having an issue on this line 13 functions file.

bundle update

This function prevents multiple imports of the same component more than once. It's necessary in a Sass project so you dont have 20,000 lines of CSS

Christian Matthias over 4 years ago

Is it the same component or the same css class which gets produced.... it only works if I pull in something with the same name i.e. @import export "customclass1" it will just take whatever it sees first and if it sees it again it doesn't compile that.

from my testing that is what I see.