1// Based on https://www.codeply.com/go/f3uTwmsCVZ 2// Primary 3.btn-primary { 4 @include button-variant($child-btn-primary, darken($child-btn-primary, 7.5%), darken($child-btn-primary, 10%), lighten($child-btn-primary,5%), lighten($child-btn-primary, 10%), darken($child-btn-primary,30%)); 5} 6 7.btn-outline-primary { 8 @include button-outline-variant($child-btn-primary, #222222, lighten($child-btn-primary,5%), $child-btn-primary); 9} 10 11// Secondary 12.btn-secondary { 13 @include button-variant($child-btn-secondary, darken($child-btn-secondary, 7.5%), darken($child-btn-secondary, 10%), lighten($child-btn-secondary,5%), lighten($child-btn-secondary, 10%), darken($child-btn-secondary,30%)); 14} 15 16.btn-outline-secondary { 17 @include button-outline-variant($child-btn-secondary, #222222, lighten($child-btn-secondary,5%), $child-btn-secondary); 18} 19 20// Success 21.btn-success { 22 @include button-variant($child-btn-success, darken($child-btn-success, 7.5%), darken($child-btn-success, 10%), lighten($child-btn-success,5%), lighten($child-btn-success, 10%), darken($child-btn-success,30%)); 23} 24 25.btn-outline-success { 26 @include button-outline-variant($child-btn-success, #222222, lighten($child-btn-success,5%), $child-btn-success); 27} 28 29// Info 30.btn-info { 31 @include button-variant($child-btn-info, darken($child-btn-info, 7.5%), darken($child-btn-info, 10%), lighten($child-btn-info,5%), lighten($child-btn-info, 10%), darken($child-btn-info,30%)); 32} 33 34.btn-outline-info { 35 @include button-outline-variant($child-btn-info, #222222, lighten($child-btn-info,5%), $child-btn-info); 36} 37 38// Warning 39.btn-warning { 40 @include button-variant($child-btn-warning, darken($child-btn-warning, 7.5%), darken($child-btn-warning, 10%), lighten($child-btn-warning,5%), lighten($child-btn-warning, 10%), darken($child-btn-warning,30%)); 41} 42 43.btn-outline-warning { 44 @include button-outline-variant($child-btn-warning, #222222, lighten($child-btn-warning,5%), $child-btn-warning); 45} 46 47// Danger 48.btn-danger { 49 @include button-variant($child-btn-danger, darken($child-btn-danger, 7.5%), darken($child-btn-danger, 10%), lighten($child-btn-danger,5%), lighten($child-btn-danger, 10%), darken($child-btn-danger,30%)); 50} 51 52.btn-outline-danger { 53 @include button-outline-variant($child-btn-danger, #222222, lighten($child-btn-danger,5%), $child-btn-danger); 54} 55 56// Light 57.btn-light { 58 @include button-variant($child-btn-light, darken($child-btn-light, 7.5%), darken($child-btn-light, 10%), lighten($child-btn-light,5%), lighten($child-btn-light, 10%), darken($child-btn-light,30%)); 59} 60 61.btn-outline-light { 62 @include button-outline-variant($child-btn-light, #222222, lighten($child-btn-light,5%), $child-btn-light); 63} 64 65// Dark 66.btn-dark { 67 @include button-variant($child-btn-dark, darken($child-btn-dark, 7.5%), darken($child-btn-dark, 10%), lighten($child-btn-dark,5%), lighten($child-btn-dark, 10%), darken($child-btn-dark,30%)); 68} 69 70.btn-outline-dark { 71 @include button-outline-variant($child-btn-dark, #222222, lighten($child-btn-dark,5%), $child-btn-dark); 72}