Sha256: 812e0ffdae5714471faf8a4ba392a1f3001d8293d04ab3064f785532ee369332

Contents?: true

Size: 960 Bytes

Versions: 11

Compression:

Stored size: 960 Bytes

Contents

// Notifications

aside#notifications
  bottom: 0
  padding: 16px
  position: fixed
  right: 0
  z-index: 100

.notification
  animation-duration: .4s
  align-items: center
  background: $primary-color
  border-radius: 3px
  color: #fff
  display: flex
  font-size: 16px
  line-height: 24px
  margin-top: 16px
  padding: 16px 0
  position: relative
  width: 400px

  .notification-message
    flex: 1
    overflow: hidden

  .icon
    text-align: center
    min-width: 50px
    width: 50px

  a
    color: #000
    display: block
    font-size: 11px
    opacity: .2
    text-align: center
    width: 50px

    &:hover
      color: #000
      opacity: .4

  strong
    font-weight: 600

  small
    display: block
    font-size: 13px
    font-weight: normal
    line-height: 20px
    opacity: .6

  &.notification-error
    background: $error-color

  &.notification-danger
    background: $danger-color

  &.notification-success
    background: $success-color

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
spina-1.2.0 app/assets/stylesheets/spina/_notifications.sass
spina-1.1.4 app/assets/stylesheets/spina/_notifications.sass
spina-1.1.3 app/assets/stylesheets/spina/_notifications.sass
spina-1.1.2 app/assets/stylesheets/spina/_notifications.sass
spina-1.1.1 app/assets/stylesheets/spina/_notifications.sass
spina-1.1.0 app/assets/stylesheets/spina/_notifications.sass
spina-1.0.3 app/assets/stylesheets/spina/_notifications.sass
spina-1.0.2 app/assets/stylesheets/spina/_notifications.sass
spina-1.0.1 app/assets/stylesheets/spina/_notifications.sass
spina-1.0.0 app/assets/stylesheets/spina/_notifications.sass
spina-0.12.0 app/assets/stylesheets/spina/_notifications.sass