devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
82 lines (67 loc) • 2 kB
text/less
/**
* DevExtreme (widgets/ios7/accordion.ios7.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@IOS7_ACCORDION_ITEM_BORDER_RADIUS: 6px;
@IOS7_ACCORDION_ITEM_BODY_CONTENT_PADDING: 6px 10px 18px;
@IOS7_ACCORDION_ITEM_BOTTOM_MARGIN: 2px;
@IOS7_ACCORDION_ITEM_TITLE_PADDING: 9px 10px;
@IOS7_ACCORDION_ARROW_LINE_HEIGHT: 21px;
@IOS7_ACCORDION_ARROW_SIZE: 18px;
@IOS7_ACCORDION_ICON_SIZE: 18px;
.dx-accordion-item {
border: 1px solid @IOS7_ACCORDION_BORDER_COLOR;
border-radius: @IOS7_ACCORDION_ITEM_BORDER_RADIUS;
margin-bottom: @IOS7_ACCORDION_ITEM_BOTTOM_MARGIN;
.dx-icon {
.dx-icon-sizing(@IOS7_ACCORDION_ICON_SIZE);
}
&.dx-state-active {
border-color: @IOS7_ACCORDION_ITEM_ACTIVE_STATE_BORDER_COLOR;
}
}
.dx-accordion-item-opened {
&.dx-accordion-item {
border-color: @IOS7_LINK;
}
& > .dx-accordion-item-title {
font-weight: bold;
&:before {
content: "\f014";
}
}
}
.dx-accordion-item-title {
color: @IOS7_LINK;
font-size: 16px;
padding: @IOS7_ACCORDION_ITEM_TITLE_PADDING;
&:before {
font-weight: bold;
color: @IOS7_LINK;
content: "\f016";
font-family: DXIcons; // stylelint-disable-line font-family-no-missing-generic-family-keyword
font-size: @IOS7_ACCORDION_ARROW_SIZE;
margin-left: @IOS7_ACCORDION_ICON_SIZE/2;
margin-right: 0;
line-height: @IOS7_ACCORDION_ARROW_LINE_HEIGHT;
}
.dx-icon {
.dx-icon-margin(@IOS7_ACCORDION_ICON_SIZE/2);
display: inline-block;
}
}
.dx-accordion-item-body {
padding: @IOS7_ACCORDION_ITEM_BODY_CONTENT_PADDING;
}
.dx-rtl {
.dx-accordion-item-title {
&:before {
margin-right: @IOS7_ACCORDION_ICON_SIZE/2;
margin-left: 0;
}
}
}