devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
52 lines (47 loc) • 1.52 kB
text/less
/**
* DevExtreme (widgets/material/speedDialAction.material.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "../base/speedDialAction.less";
@import (once) "./overlay.material.less";
@MATERIAL_MAIN_FA_BUTTON_SIZE: 56px;
@MATERIAL_MAIN_FA_BUTTON_LABEL_PADDING: 0 20px 0 12px;
@MATERIAL_FA_BUTTON_SIZE: 40px;
@MATERIAL_FA_BUTTON_LABEL_OFFSET: 16px;
@MATERIAL_FA_BUTTON_LABEL_HEIGHT: 32px;
@MATERIAL_FA_BUTTON_LABEL_PADDING: 0 12px;
.dx-fa-button-mixin(
@MATERIAL_MAIN_FA_BUTTON_SIZE,
@MATERIAL_FA_BUTTON_SIZE,
@MATERIAL_BASE_ICON_SIZE,
@MATERIAL_BASE_FONT_SIZE,
@MATERIAL_FA_BUTTON_LABEL_HEIGHT,
@MATERIAL_FA_BUTTON_LABEL_PADDING,
@MATERIAL_FA_BUTTON_LABEL_OFFSET,
@speed-dial-action-color,
@speed-dial-action-bg,
@speed-dial-action-shadow,
@speed-dial-action-shading-color,
@speed-dial-action-hover-bg,
@speed-dial-action-active-bg,
@speed-dial-action-label-shadow,
@button-default-bg,
@button-default-color
);
.dx-fa-button {
&.dx-fa-button-main {
.dx-overlay-content {
.dx-fa-button-label {
padding: @MATERIAL_MAIN_FA_BUTTON_LABEL_PADDING;
font-size: @MATERIAL_BASE_FONT_SIZE;
text-transform: uppercase;
letter-spacing: 1.25px;
font-weight: 500;
}
}
}
}