mutate into an addon module for panikweb

[panikweb-esperanzah.git] / espeweb / static / css / _type.scss

$barlow-font-path: '../fonts/Barlow' !default;

@mixin barlow-font($type, $weight, $style: normal) {
    @font-face {
        font-family: 'Barlow';
        src: url('#{$barlow-font-path}/Barlow-#{$type}-webfont.woff') format('woff');
        font-weight: $weight;
        font-style: $style;
    }
}

@mixin barlow-font-pair($type, $weight) {
    @include barlow-font($type, $weight);
    @include barlow-font(#{$type}Italic, $weight, italic);
}

@include barlow-font-pair('Regular', 400);
@include barlow-font-pair('Bold', 700);

[class^="icon-"],
[class*=" icon-"]{
        /*font-size:1.3em;*/
}
.resymbol{
        vertical-align: middle;
        display: inline-block;
        font-family: 'Symbols';
}
.resymbol.big, .icons.big{
        font-size:2em;
}
.resymbol.huge, .icons.huge{
        font-size:3em;
}
.info:before,.warning:before,.error:before{
        font-family: FontAwesome;
        display:inline-block;
        margin-right:0.2em;
}
.info:before {
        content: "\f05a";
}
.warning:before {
        content: "\f071";
}
.error:before {
        content: "\f056 ";
}
.checked:before {
        content: "\f056 ";
}
                        
.icon-communautaire:before {
  content: "▲"; /* ▴ */
}                       
.icon-musique:before {
  content: "△"; /* ▵ */
}               
.icon-creation:before {
  content: "○"; /* ○ */
}                       
.icon-agenda-culturel:before {
  content: "●"; /*  ● */
}
.icon-infodebats:before {
  content: "■"; /*  ■ */
  /*content: "□ ";   □ */
}