Contents

//
// BLURBS
// todo: add success and info styles
//


%blurb-icon {
  background-color: $white;
  border-radius: 10px;
  display: block;
  font-family: $font-icon-f5;
  font-size: 18px;
  font-weight: 900;
  height: 15px;
  left: -11px;
  line-height: 17px;
  position: absolute;
  top: 15px;
  width: 16px;
}

.rf-blurb {
  @extend %p;

  background-color: $prewhite;
  border-radius: 0;
  padding: $list-padding;
  position: relative;
  width: 100%;

  p:last-child {
    margin-bottom: 0;
  }
}

.rf-blurb--info {
  border-left: 4px solid $blue-bright;

  &:before {
    @extend %blurb-icon;
    @extend %icon--info;
  }
}

.rf-blurb--error {
  border-left: 4px solid $red;

  &:before {
    @extend %blurb-icon;
    @extend %icon--error;
  }
}

.rf-blurb--warning {
  border-left: 4px solid $gold;

  &:before {
    @extend %blurb-icon;
    @extend %icon--warning;

    left: -12px;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
ethosstyles-0.1.14	app/assets/stylesheets/components/_blurbs.scss