Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mixins-sass

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mixins-sass - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

sache.json

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc