// Xenon Based Mixins .xenon-btn-style(@bg; @txt: #FFF; @txt-hover: @txt) { @border: darken(@bg, 5%); background-color: @bg; color: @txt; &:hover { background-color: @border; text-color: @txt-hover; } &:active, &:focus { background-color: @border; border-color: darken(@border, 2%); } } .xenon-btn-icon-standalone(@color; @bg-pct: 2%; @border-pct: 5%; @border-hover-pct: 6%) { &.btn-icon-standalone { i { background-color: darken(@color, @bg-pct); border-right-color: darken(@color, @border-pct); } &.btn-icon-standalone-right { i { border-left-color: darken(@color, @border-pct); } &:hover { i { border-left-color: darken(@color, @border-hover-pct); } } } &:hover { i { border-right-color: darken(@color, @border-hover-pct); } } } } // Input Unstyled .input-unstyled() { border: 0; background: none; padding: 0; height: auto; } // Uppercase .upper() { text-transform: uppercase; }