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

Sass module for card CSS
https://github.com/rightscale-design/designkit-card

Last synced: 10 days ago
JSON representation

Sass module for card CSS

• Host: GitHub
• URL: https://github.com/rightscale-design/designkit-card
• Owner: rightscale-design
• License: mit
• Created: 2016-02-29T17:01:04.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-13T21:25:41.000Z (almost 7 years ago)
• Last Synced: 2024-10-31T19:59:13.484Z (20 days ago)
• Language: JavaScript
• Homepage: http://rightscale-design.github.io/designkit-card/
• Size: 86.9 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# designkit-card

1.1.1

Sass module for card CSS

## Install

```

npm i --save designkit-card

```

### CSS

```css

.card {

  background-color: #fff;

  border: 1px solid #D1D6DC;

  border-bottom-color: #bac1ca;

  border-radius: 2px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}

.card-heading {

  position: relative;

  min-height: 58px;

  padding: 18px 20px 24px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.card-heading:after {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  height: 4px;

  content: "";

  background-color: #F4F5F7;

  border-top: 1px solid #D1D6DC;

  border-bottom: 1px solid #D1D6DC;

  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);

}

.card-title {

  margin: 0;

  -webkit-user-select: all;

     -moz-user-select: all;

      -ms-user-select: all;

          user-select: all;

}

.card-body {

  padding: 18px 20px 24px;

}

.card-footer {

  padding: 10px 13px 10px;

  background-color: #F4F5F7;

  border-top: 1px solid #D1D6DC;

  border-radius: 0 0 2px 2px;

}

```

## Author

Jason Melgoza

## License

MIT