Sha256: f23ca301da6cf331e564837e27dfb1d76df8a06e05fccbb3ab7b9a25020eb5f1

Contents?: true

Size: 1.34 KB

Versions: 4

Compression:

Stored size: 1.34 KB

Contents

@include font-face (
  'susy',
  font-files(
    'susy.svg#susy', svg,
    'susy.woff', woff,
    'susy.ttf', truetype
  ),
  'susy.eot',
  normal,
  normal
);

/* Use the following CSS code if you want to have a class per icon */
%icon-content {
  font-family: 'susy';
  font-style: normal;
  font-weight: normal;
  speak: none;
}

%icon:before {
  @extend %icon-content;
  margin-right: .4em;
}

%icon-after::after {
  @extend %icon-content;
  margin-left: .4em;
}

%icon-replace {
  @extend %icon;
  position: relative;
  min-width: 1em;
  text-indent: -9999px;
  &:before{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    margin-right: 0;
  }
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  @extend %icon-content;
  content: attr(data-icon);
}

%icon-switch:before {
  content: "\e000";
}
%icon-list:before {
  content: "\e001";
}
%icon-cog:before {
  content: "\e002";
}
%icon-twitter:before {
  content: "\e005";
}
%icon-pin:before {
  content: "\e007";
}
%icon-bookmark:before {
  content: "\e008";
}
%icon-out:after {
  content: "\e009";
}
%icon-list-2:before {
  content: "\e00a";
}
%icon-arrow-left:before {
  content: "\e00b";
}
%icon-pictures:before {
  content: "\e00c";
}
%icon-comment:before {
  content: "\e003";
}
%icon-github:before {
  content: "\e004";
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
susy-2.0.0.alpha.4 docs/source/stylesheets/_general/_icons.scss
susy-2.0.0.alpha.3 docs/source/stylesheets/_general/_icons.scss
susy-2.0.0.alpha.2 docs/source/stylesheets/_general/_icons.scss
susy-2.0.0.alpha.1 docs/source/stylesheets/_general/_icons.scss