Sha256: b9caeba996eecbb02d54997b06ab288d3b232672068dcbc15b95313fd180e175

Contents?: true

Size: 1.44 KB

Versions: 15

Compression:

Stored size: 1.44 KB

Contents

@mixin feature-block-variant($color, $bg) {
  background: lighten($bg, 7%);
  border-right: 1px solid lighten($bg, 10%);
  color: $color;

  &:first-child {
    background: $bg;
  }

  &:last-child {
    background: lighten($bg, 12%);
  }

  &:hover, &:focus {
    color: $color;
  }

  .detail-line:before {
    border-color: $color;
  }
}

.features {
  padding-bottom: 40px;

  .feature {
    margin-bottom: 40px;
  }
}

.detail-line {
  margin: 0 0 24px 0;
  
  &:before {
    content: "";
    width: 30px;
    border-bottom: 1px solid #333;
    margin-bottom: 24px;
    display: block;
  }
}

.feature-block {
  padding: 60px 30px;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;

  p {
    display: none;
  }

  .detail-line:before {
    display: inline-block;
    margin: 10px 0 0 0;
  }

  &:hover {
    p {
      display: block;
    }
  }
  
  &:hover, &:focus {
    text-decoration: none;
  }

  &.feature-block-primary {
    @include feature-block-variant($btn-primary-color, $btn-primary-bg);
  }

  &.feature-block-info {
    @include feature-block-variant($btn-info-color, $btn-info-bg);
  }

  &.feature-block-success {
    @include feature-block-variant($btn-success-color, $btn-success-bg);
  }

  &.feature-block-warning {
    @include feature-block-variant($btn-warning-color, $btn-warning-bg);
  }

  &.feature-block-danger {
    @include feature-block-variant($btn-danger-color, $btn-danger-bg);
  }
}

Version data entries

15 entries across 15 versions & 2 rubygems

Version Path
leather2-3.5.3 app/assets/stylesheets/leather/components/_features.scss
leather-3.5.2 app/assets/stylesheets/leather/components/_features.scss
leather-3.5.1 app/assets/stylesheets/leather/components/_features.scss
leather-3.5.0 app/assets/stylesheets/leather/components/_features.scss
leather-3.3.5 app/assets/stylesheets/leather/components/_features.scss
leather-3.3.4.1 app/assets/stylesheets/leather/components/_features.scss
leather-3.3.4 app/assets/stylesheets/leather/components/_features.scss
leather-3.3.3.4 app/assets/stylesheets/leather/components/_features.scss
leather-3.3.3.3 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.3.3.2 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.3.3.1 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.3.2 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.3.1 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.3.0 app/assets/stylesheets/leather/components/_features.css.scss
leather-3.2.0 app/assets/stylesheets/leather/components/_features.css.scss