// // Button Styles // -------------------------------------------------- .v-btn{ display: inline-block; background-color: $white; color: $black; border: 1px solid $black; @include transition(color .3s ease-in-out); @include btn-shadow(); &.lrg{ font-size: 18px; padding: 10px 50px; } &.sml{ font-size: 15px; padding: 8px 40px; } &.blue{ color: $blue; border: 1px solid $blue; } &.gray{ font-weight: 300; color: $gray; border: 1px solid $light-gray; } &.terminal{ padding-left: 52px; padding-right: 30px; margin-left: 12px; background: image-url('icon-terminal.png') 16px center no-repeat; @include img-retina("icon-terminal.png", "icon-terminal@2x.png", 26px, 25px); } &.started{ margin-bottom: 12px; } &:hover{ text-decoration: none; @include transition(color .3s ease-in-out); &.blue{ color: darken($blue, 8%); } &.black{ color: lighten($black, 50%); } &.gray{ color: $black; } } }