mixins-sass
Advanced tools
Comparing version 1.0.2 to 1.0.3
{ | ||
"name": "mixins-sass", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "a sass mixins library", | ||
@@ -5,0 +5,0 @@ "main": "src/mixins.scss", |
@@ -1,2 +0,2 @@ | ||
# mixins | ||
# mixins-sass [![mixins-sass](https://img.shields.io/npm/v/mixins-sass.svg?style=flat-square)](https://www.npmjs.com/package/mixins-sass) [![mixins-sass](https://img.shields.io/npm/dt/mixins-sass.svg?maxAge=2592000)](https://www.npmjs.com/package/mixins-sass) | ||
@@ -24,2 +24,3 @@ sass mixins,require `Sass ~> 3.3.0` | ||
* [`balloon`](#balloon) | ||
* [`side-line`](#side-line) | ||
@@ -49,3 +50,3 @@ **functions** | ||
## install | ||
## usage | ||
@@ -56,2 +57,6 @@ ```shell | ||
```scss | ||
@import "./node_modules/mixins-sass/src/mixins"; | ||
``` | ||
## utility | ||
@@ -194,6 +199,5 @@ | ||
/** | ||
* @param $direction: horizontal vertical both | ||
* @param $direction: horizontal vertical both, default: both | ||
*/ | ||
@include center(both); | ||
@include center; | ||
``` | ||
@@ -271,3 +275,3 @@ | ||
* @param $color | ||
* @param $direction: top bottom left right vertical all(默认) | ||
* @param $direction: top bottom left right vertical all, default: all | ||
*/ | ||
@@ -300,5 +304,27 @@ .border-l { | ||
```html | ||
<div class="balloon" data-balloon="Whats up!">Hover me!</div> | ||
<span class="balloon" data-balloon="Whats up!">Hover me!</span> | ||
``` | ||
### side-line | ||
线中间夹文字效果 | ||
[http://codepen.io/anon/pen/XjNEAR](http://codepen.io/anon/pen/XjNEAR) | ||
```scss | ||
/** | ||
* @param $height 线高 default: 1px | ||
* @param $space 线距离文字两边的距离 default: 0.5em | ||
* @param $color 线颜色 default: inherit | ||
* @param $style border-style default: solid | ||
* @param $adjust 线距离底部的距离,默认垂直居中 default: false | ||
* @param $double 是否需要两条线 | ||
*/ | ||
@mixin side-line($height: 1px, $space: 0.5em, $color: inherit, $style: solid, $adjust: false, $double: false) | ||
.side-line { | ||
@include side-line; | ||
} | ||
``` | ||
## functions | ||
@@ -305,0 +331,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
448
36064
27
4
1