npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

fis3-parser-node-scss

v0.0.1

Published

常用scss函数封装

Downloads

5

Readme

common.scss方法(宏)

fis-clearfix

  • description: 清除浮动(不需要添加额外标签)
  • param :
  • ex : @include fis-clearfix

fis-float

  • description: 浮动(解决IE6 double margin问题)
  • param : 浮动方向,默认left
  • ex : @include fis-float(right)

fis-float-left

  • description: 左浮动
  • param :
  • ex : @include fis-float-left

fis-float-right

  • description: 右浮动
  • param :
  • ex : @include fis-float-right

fis-inline-block

  • description: inline-block展示(兼容inline和block元素)
  • param :
  • ex : @include fis-inline-block

fis-border-radius

  • description: 圆角(support IE9+、Firefox 3.5+、Safari、Chrome、Opera)
  • param : 圆角半径,默认5px
  • ex : @include fis-border-radius(3px)

fis-box-shadow

  • description: 阴影(support Firefox 3.5+、Safari、Chrome、Opera)
  • param : 阴影参数(水平偏移值 | 垂直偏移值 | 阴影模糊值 | 阴影颜色)
  • ex : @include fis-box-shadow(3px 2px 2px #666)

fis-gradient-vertical

  • description: 背景垂直渐变(support IE8+、Firefox 3.5+、Safari、Chrome、Opera)
  • param : 颜色渐变初始值,默认 #555
  • param : 颜色渐变终值,默认 #333
  • ex : @include fis-gradient-vertical(#fff,#666)

fis-transition

  • description: css3动画
  • param : 动画属性,默认 0.4s
  • ex : @include fis-transition(3s)

fis-opacity

  • description: 透明度(support IE6+、Firefox 3.5+、Safari、Chrome、Opera)
  • param : 透明度值,默认100
  • ex : @include fis-opacity(50)

fis-nowrap

  • description: 文本不折行
  • param :
  • ex : @include fis-nowrap

fis-min-height

  • description: 最小高度
  • param : 最小高度值
  • ex : @include fis-min-height(200px)

fis-min-width

  • description: 最小宽度
  • param : 最小宽度值
  • ex : @include fis-min-width(200px)

fis-icon

  • description: 方形的icon
  • param : 边长,默认16px
  • ex : @include fis-icon(36px)

fis-icon-rect

  • description: 长方形的icon
  • param : 宽度,默认16px
  • param : 高度,默认16px
  • ex : @include fis-icon-rect(16px ,18px)

fis-arrow

  • description: 箭头
  • param : 颜色,默认#999
  • param : 边框宽度,默认0 4px 4px 4px
  • param : 背景颜色,默认 transparent transparent #999 transparent
  • ex : @include fis-arrow

fis-rotate

  • description: 旋转,支持ie
  • param : 标准浏览器的角度,默认180deg
  • param : ie兼容性视图角度 1=90度 2=180度等,默认2
  • ex : @include fis-rotate(188deg)

fis-rotate-y

  • description: 线性反转(慢-快-慢)
  • param : 反转所需时间,默认7秒
  • ex : @include fis-rotate-y(4s)

fis-rotate-x

  • description: 旋转(慢-快-慢)
  • param : 旋转所需时间,默认4秒
  • ex : @include fis-rotate(7s)