189 lines
3.6 KiB
SCSS
189 lines
3.6 KiB
SCSS
//$fla-spacing: 20px;//设置间距
|
|
//$fla-sprite-dimensions: true;//自动计算宽高
|
|
//$fla-layout: vertical;//vertical/horizontal/diagonal/smart // 默认布局方式为vertical
|
|
//@import "compass/utilities/sprites"; // 加载compass sprites模块
|
|
//@import "fla/*.png"; // 导入fla目录下所有png图片
|
|
//@include all-fla-sprites; // 输出所有的雪碧图css
|
|
//@include transition-property(all);
|
|
//@include transition-duration(0.5s);
|
|
|
|
//sprite
|
|
.icon-sprite, .icon-Commission, .icon-arrow_r, .icon-big_arrow_r, .icon-fire, .icon-leaf, .icon-setting, .icon-share {
|
|
background-image: url('../images/icon-s09a0426188.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 44px/$ppr;
|
|
}
|
|
|
|
.icon-Commission {
|
|
background-position: 0 0;
|
|
height: 26px/$ppr;
|
|
width: 30px/$ppr;
|
|
}
|
|
|
|
.icon-arrow_r {
|
|
background-position: 0 -36px/$ppr;
|
|
height: 25px/$ppr;
|
|
width: 14px/$ppr;
|
|
}
|
|
|
|
.icon-big_arrow_r {
|
|
background-position: 0 -71px/$ppr;
|
|
height: 34px/$ppr;
|
|
width: 34px/$ppr;
|
|
}
|
|
|
|
.icon-fire {
|
|
background-position: 0 -115px/$ppr;
|
|
height: 28px/$ppr;
|
|
width: 23px/$ppr;
|
|
}
|
|
|
|
.icon-leaf {
|
|
background-position: 0 -153px/$ppr;
|
|
height: 29px/$ppr;
|
|
width: 27px/$ppr;
|
|
}
|
|
|
|
.icon-setting {
|
|
background-position: 0 -192px/$ppr;
|
|
height: 44px/$ppr;
|
|
width: 44px/$ppr;
|
|
}
|
|
|
|
.icon-share {
|
|
background-position: 0 -246px/$ppr;
|
|
height: 32px/$ppr;
|
|
width: 35px/$ppr;
|
|
}
|
|
|
|
.cloud-sprite, .cloud-1, .cloud-2, .cloud-3, .cloud-mo, .cloud-rm {
|
|
background-image: url('../images/cloud-sd714e2d10b.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 150px/$ppr;
|
|
}
|
|
|
|
.cloud-1 {
|
|
background-position: 0 0;
|
|
height: 43px/$ppr;
|
|
width: 65px/$ppr;
|
|
}
|
|
|
|
.cloud-2 {
|
|
background-position: 0 -53px/$ppr;
|
|
height: 32px/$ppr;
|
|
width: 48px/$ppr;
|
|
}
|
|
|
|
.cloud-3 {
|
|
background-position: 0 -95px/$ppr;
|
|
height: 70px/$ppr;
|
|
width: 113px/$ppr;
|
|
}
|
|
|
|
.cloud-mo {
|
|
background-position: 0 -175px/$ppr;
|
|
height: 79px/$ppr;
|
|
width: 46px/$ppr;
|
|
}
|
|
|
|
.cloud-rm {
|
|
background-position: 0 -264px/$ppr;
|
|
height: 125px/$ppr;
|
|
width: 150px/$ppr;
|
|
}
|
|
|
|
.fx-sprite, .fx-f1, .fx-f2, .fx-f3, .fx-f4, .fx-f5, .fx-f6, .fx-f7, .fx-f8 {
|
|
background-image: url('../images/fx-s9575979fdc.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 65px/$ppr;
|
|
}
|
|
|
|
.fx-f1 {
|
|
background-position: 0 0;
|
|
height: 52px/$ppr;
|
|
width: 51px/$ppr;
|
|
}
|
|
|
|
.fx-f2 {
|
|
background-position: 0 -62px/$ppr;
|
|
height: 52px/$ppr;
|
|
width: 65px/$ppr;
|
|
}
|
|
|
|
.fx-f3 {
|
|
background-position: 0 -124px/$ppr;
|
|
height: 51px/$ppr;
|
|
width: 52px/$ppr;
|
|
}
|
|
|
|
.fx-f4 {
|
|
background-position: 0 -185px/$ppr;
|
|
height: 42px/$ppr;
|
|
width: 46px/$ppr;
|
|
}
|
|
|
|
.fx-f5 {
|
|
background-position: 0 -237px/$ppr;
|
|
height: 52px/$ppr;
|
|
width: 52px/$ppr;
|
|
}
|
|
|
|
.fx-f6 {
|
|
background-position: 0 -299px/$ppr;
|
|
height: 52px/$ppr;
|
|
width: 52px/$ppr;
|
|
}
|
|
|
|
.fx-f7 {
|
|
background-position: 0 -361px/$ppr;
|
|
height: 52px/$ppr;
|
|
width: 46px/$ppr;
|
|
}
|
|
|
|
.fx-f8 {
|
|
background-position: 0 -423px/$ppr;
|
|
height: 46px/$ppr;
|
|
width: 50px/$ppr;
|
|
}
|
|
|
|
.fla-sprite, .fla-f1, .fla-f2, .fla-f3, .fla-top1, .fla-top2, .fla-top3 {
|
|
background-image: url('../images/fla-scda8d3742d.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 41px/$ppr;
|
|
}
|
|
|
|
.fla-f1 {
|
|
background-position: 0 0;
|
|
height: 48px/$ppr;
|
|
width: 40px/$ppr;
|
|
}
|
|
|
|
.fla-f2 {
|
|
background-position: 0 -68px/$ppr;
|
|
height: 20px/$ppr;
|
|
width: 41px/$ppr;
|
|
}
|
|
|
|
.fla-f3 {
|
|
background-position: 0 -108px/$ppr;
|
|
height: 28px/$ppr;
|
|
width: 15px/$ppr;
|
|
}
|
|
|
|
.fla-top1 {
|
|
background-position: 0 -156px/$ppr;
|
|
height: 60px/$ppr;
|
|
width: 36px/$ppr;
|
|
}
|
|
|
|
.fla-top2 {
|
|
background-position: 0 -236px/$ppr;
|
|
height: 62px/$ppr;
|
|
width: 36px/$ppr;
|
|
}
|
|
|
|
.fla-top3 {
|
|
background-position: 0 -318px/$ppr;
|
|
height: 64px/$ppr;
|
|
width: 37px/$ppr;
|
|
} |