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