158 lines
3.8 KiB
Text
158 lines
3.8 KiB
Text
// This file is part of Desktop App Toolkit,
|
|
// a set of libraries for developing nice desktop applications.
|
|
//
|
|
// For license and copyright information please follow this link:
|
|
// https://github.com/desktop-app/legal/blob/master/LEGAL
|
|
//
|
|
using "ui/basic.style";
|
|
|
|
using "ui/widgets/widgets.style";
|
|
|
|
ServiceCheck {
|
|
margin: margins;
|
|
diameter: pixels;
|
|
shift: pixels;
|
|
thickness: pixels;
|
|
tip: point;
|
|
small: pixels;
|
|
large: pixels;
|
|
stroke: pixels;
|
|
color: color;
|
|
duration: int;
|
|
}
|
|
|
|
Box {
|
|
buttonPadding: margins;
|
|
buttonHeight: pixels;
|
|
}
|
|
|
|
boxDuration: 200;
|
|
boxRadius: 3px;
|
|
|
|
boxButtonFont: font(boxFontSize semibold);
|
|
defaultBoxButton: RoundButton(defaultLightButton) {
|
|
width: -24px;
|
|
height: 36px;
|
|
font: boxButtonFont;
|
|
}
|
|
|
|
boxTextStyle: TextStyle(defaultTextStyle) {
|
|
font: font(boxFontSize);
|
|
linkFont: font(boxFontSize);
|
|
linkFontOver: font(boxFontSize underline);
|
|
}
|
|
|
|
boxLabelStyle: TextStyle(boxTextStyle) {
|
|
lineHeight: 22px;
|
|
}
|
|
|
|
attentionBoxButton: RoundButton(defaultBoxButton) {
|
|
textFg: attentionButtonFg;
|
|
textFgOver: attentionButtonFgOver;
|
|
textBgOver: attentionButtonBgOver;
|
|
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
color: attentionButtonBgRipple;
|
|
}
|
|
}
|
|
|
|
defaultBoxCheckbox: Checkbox(defaultCheckbox) {
|
|
width: -46px;
|
|
textPosition: point(12px, 1px);
|
|
style: boxTextStyle;
|
|
}
|
|
|
|
boxRoundShadow: Shadow {
|
|
left: icon {{ "round_shadow_box_left", windowShadowFg }};
|
|
topLeft: icon {{ "round_shadow_box_top_left", windowShadowFg }};
|
|
top: icon {{ "round_shadow_box_top", windowShadowFg }};
|
|
topRight: icon {{ "round_shadow_box_top_left-flip_horizontal", windowShadowFg }};
|
|
right: icon {{ "round_shadow_box_left-flip_horizontal", windowShadowFg }};
|
|
bottomRight: icon {{ "round_shadow_box_bottom_left-flip_horizontal", windowShadowFg }};
|
|
bottom: icon {{ "round_shadow_box_bottom", windowShadowFg }};
|
|
bottomLeft: icon {{ "round_shadow_box_bottom_left", windowShadowFg }};
|
|
extend: margins(10px, 10px, 10px, 10px);
|
|
fallback: windowShadowFgFallback;
|
|
}
|
|
|
|
boxTitleFont: font(17px semibold);
|
|
boxTitle: FlatLabel(defaultFlatLabel) {
|
|
textFg: boxTitleFg;
|
|
maxHeight: 24px;
|
|
style: TextStyle(defaultTextStyle) {
|
|
font: boxTitleFont;
|
|
linkFont: boxTitleFont;
|
|
linkFontOver: font(17px semibold underline);
|
|
}
|
|
}
|
|
boxTitlePosition: point(22px, 16px);
|
|
boxTitleHeight: 56px;
|
|
boxTitleAdditionalSkip: 9px;
|
|
boxTitleAdditionalFont: normalFont;
|
|
boxScroll: defaultSolidScroll;
|
|
|
|
boxRowPadding: margins(22px, 0px, 22px, 0px);
|
|
|
|
boxTopMargin: 6px;
|
|
|
|
boxTitleClose: IconButton(defaultIconButton) {
|
|
width: boxTitleHeight;
|
|
height: boxTitleHeight;
|
|
|
|
icon: boxTitleCloseIcon;
|
|
iconOver: boxTitleCloseIconOver;
|
|
|
|
rippleAreaPosition: point(6px, 6px);
|
|
rippleAreaSize: 44px;
|
|
ripple: RippleAnimation(defaultRippleAnimation) {
|
|
color: windowBgOver;
|
|
}
|
|
}
|
|
|
|
boxLinkButton: LinkButton(defaultLinkButton) {
|
|
font: boxTextFont;
|
|
overFont: font(boxFontSize underline);
|
|
}
|
|
|
|
boxOptionListPadding: margins(0px, 0px, 0px, 0px);
|
|
boxOptionListSkip: 20px;
|
|
boxOptionInputSkip: 6px;
|
|
|
|
boxVerticalMargin: 10px;
|
|
boxWidth: 320px;
|
|
boxWideWidth: 364px;
|
|
boxPadding: margins(22px, 30px, 22px, 8px);
|
|
boxMaxListHeight: 492px;
|
|
boxLittleSkip: 10px;
|
|
boxMediumSkip: 20px;
|
|
|
|
defaultBox: Box {
|
|
buttonPadding: margins(8px, 12px, 13px, 12px);
|
|
buttonHeight: 36px;
|
|
}
|
|
layerBox: Box(defaultBox) {
|
|
buttonPadding: margins(8px, 8px, 8px, 8px);
|
|
}
|
|
boxLabel: FlatLabel(defaultFlatLabel) {
|
|
minWidth: 274px;
|
|
align: align(topleft);
|
|
style: boxLabelStyle;
|
|
}
|
|
boxDividerLabel: FlatLabel(boxLabel) {
|
|
minWidth: 245px;
|
|
align: align(topleft);
|
|
textFg: windowSubTextFg;
|
|
style: defaultTextStyle;
|
|
}
|
|
|
|
boxLoadingAnimation: InfiniteRadialAnimation(defaultInfiniteRadialAnimation) {
|
|
color: windowSubTextFg;
|
|
thickness: 2px;
|
|
}
|
|
boxLoadingSize: 20px;
|
|
|
|
boxDividerBg: windowBgOver;
|
|
boxDividerFg: windowShadowFg;
|
|
boxDividerTop: icon {{ "box_divider_top", boxDividerFg }};
|
|
boxDividerBottom: icon {{ "box_divider_bottom", boxDividerFg }};
|
|
boxDividerHeight: 10px;
|