2 .navbar .navbar-nav > li > a.btn{
4 border-radius: $border-radius-base;
9 font-size: $mdb-btn-font-size-base;
11 text-transform: uppercase;
14 will-change: box-shadow, transform;
15 transition: box-shadow 0.2s $mdb-animation-curve-fast-out-linear-in,
16 background-color 0.2s $mdb-animation-curve-default;
24 @include btn-styles($gray-light);
28 @include btn-styles($brand-primary);
31 @include btn-styles($brand-info);
34 @include btn-styles($brand-success);
37 @include btn-styles($brand-warning);
40 @include btn-styles($brand-danger);
43 @include btn-styles($brand-rose);
49 background-color: $white-color;
54 background: transparent;
66 border-radius: $border-radius-extreme;
69 &:not(.btn-just-icon):not(.btn-fab){
80 // see above for color variations
82 font-size: $mdb-btn-fab-font-size;
83 height: $mdb-btn-fab-size;
85 min-width: $mdb-btn-fab-size;
86 width: $mdb-btn-fab-size;
98 height: $mdb-btn-fab-size-mini;
99 min-width: $mdb-btn-fab-size-mini;
100 width: $mdb-btn-fab-size-mini;
103 top: ($mdb-btn-icon-size-mini - $mdb-btn-fab-font-size) / 2;
104 left: ($mdb-btn-icon-size-mini - $mdb-btn-fab-font-size) / 2;
108 font-size: $mdb-btn-icon-size-mini;
116 transform: translate(-($mdb-btn-fab-font-size / 2), -($mdb-btn-fab-font-size / 2));
117 line-height: $mdb-btn-fab-font-size;
118 width: $mdb-btn-fab-font-size;
119 font-size: $mdb-btn-fab-font-size;
126 font-size: $mdb-btn-font-size-lg;
132 font-size: $mdb-btn-font-size-sm;
137 font-size: $mdb-btn-font-size-xs;
156 // Align icons inside buttons with text
158 vertical-align: middle;
159 font-size: $mdb-btn-icon-size-mini;
166 .navbar .navbar-nav > li > {
188 .navbar-default:not(.navbar-transparent) .navbar-nav > li > {
190 &.btn-white.btn-simple{
196 // btn-group variations
198 .btn-group-vertical {
201 //border-radius: 2px;
209 & > .dropdown-toggle.btn {
210 @include variations(unquote(".btn"), unquote(""), background-color, $mdb-btn-background-color);
215 border-radius: 0 0 $border-radius-base $border-radius-base;
219 @include shadow-2dp();