https://github.com/rightscale-design/designkit-sets

Sass module for css set labels
https://github.com/rightscale-design/designkit-sets

Last synced: 10 days ago
JSON representation

Sass module for css set labels

• Host: GitHub
• URL: https://github.com/rightscale-design/designkit-sets
• Owner: rightscale-design
• License: mit
• Created: 2016-08-05T00:38:56.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-07-12T05:35:45.000Z (over 7 years ago)
• Last Synced: 2024-10-31T17:08:26.767Z (20 days ago)
• Language: CSS
• Size: 31.3 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Designkit Sets

## Install

```bash

npm i designkit-sets

```

## Usage

```html

Pens9

```

## The CSS

```css

.set {

  display: inline-block;

  margin-right: 6px;

  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;

  font-size: 12px;

  color: #fff;

  text-decoration: none;

  background: #76899A;

  border-radius: 2px;

  outline: none;

}

.set .set-label,

.set .set-count {

  padding: 3px 8px 3px 8px;

}

.set .set-label {

  float: left;

  border-radius: 2px 0 0 2px;

}

.set .set-count {

  float: right;

  background-color: rgba(0, 0, 0, 0.25);

  border-radius: 0 2px 2px 0;

}

.set:hover {

  background-color: #0A83F6;

}

.set.active, .set.active:hover {

  background-color: #80C11A;

}

```

## Author

Jason Melgoza

## License

MIT