Sha256: 2aa4c91693010cdbdbf53a17ff8a668b1a1cceeee0c240094b0e3d67fad99afc

Contents?: true

Size: 836 Bytes

Versions: 8

Compression:

Stored size: 836 Bytes

Contents

// Application Icons Component
// ========================================


// Variables
$application-height:    30px;
$application-icon-size: 95px 31px;
$application-width:     32px;
$application-icons:     image-url('fuel/icons/application-icons.svg');


// Basic Styles
%application-icon{
  @include hide-text;
  background-image: $application-icons;
  background-size: $application-icon-size;
  background-repeat: no-repeat;
  display: inline-block;
  height: $application-height;
  width: $application-width;

}


// List
$icons: (
  add      $application-width * 0,
  search   $application-width * 1,
  arrow    $application-width * 3
);


// Loop
@each $icon in $icons{
  $name:      nth($icon, 1);
  $position:  nth($icon, 2);

  .#{$name}-icon{
    background-position: -($position * 1) 0;
    @extend %application-icon;
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
fuel-0.3.27 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.26 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.25 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.24 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.23 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.22 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.21 app/assets/stylesheets/fuel/components/_application-icons.scss
fuel-0.3.20 app/assets/stylesheets/fuel/components/_application-icons.scss