// Style de la vue Composant du guide de style

$path-assets: "/assets/";

@import "style";

html {
  height: 100%;
}

.body-styleguide {
  height: 100%;
  padding: rem(20px);
  background: #fff;
}

/**
 * Styles permettant de personnaliser les icônes dans le styleguide
 */
body[class*="body-styleguide-icones--"] {
  background: $color-grey-light;

  .iicon {
    width: rem(50px);
    height: rem(50px);
    margin: rem(10px);
    stroke: none;
  }
}

/**
* Styles permettant de personnaliser le bloc couleurs dans le styleguide
*/
body[class*="body-styleguide-couleurs--"] {
  & > div {
    position: relative;
    display: inline-block;
    width: rem(200px);
    margin: rem(10px);
    vertical-align: top;

    span {
      display: block;
      height: rem(200px);
      border-radius: rem(10px 0 10px 0);
    }

    pre {
      display: block;
      margin: 0 auto;
    }
  }
}