codecheck

1
/// Font of the theme
2
/// @group general
3
$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4

5
/// Size of the font
6
/// @group general
7
$fontSize: 1rem;
8

9
/// Thickness of the texts
10
/// @group general
11
$fontWeight: normal;
12

13
/// Primary text color
14
/// @group general
15
$textColor: #495057;
16

17
/// Secondary text color
18
/// @group general
19
$textSecondaryColor: #6c757d;
20

21
/// Background of a highlighted item
22
/// @group general
23
$highlightBg: $primaryColor;
24

25
/// Text color of a highlighted item
26
/// @group general
27
$highlightTextColor: $primaryTextColor;
28

29
/// Background of a highlighted item in focus state
30
/// @group general
31
$highlightFocusBg: rgba($primaryColor, .24) !default;
32

33
/// Radius of the corners
34
/// @group general
35
$borderRadius: 3px;
36

37
/// Duration of the property transitions
38
/// @group general
39
$transitionDuration: .2s;
40

41
/// Properties of a form element transition
42
/// @group general
43
$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
44

45
/// Properties of a action icon transition
46
/// @group general
47
$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration;
48

49
/// Properties of a list item transition
50
/// @group general
51
$listItemTransition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
52

53
/// Size of the Icons
54
/// @group general
55
$primeIconFontSize: 1rem;
56

57
/// Separator border
58
/// @group general
59
$divider: 1px solid #dee2e6;
60

61
/// Space between two inline items
62
/// @group general
63
$inlineSpacing: .5rem;
64

65
/// Opacity of the disabled elements
66
/// @group general
67
$disabledOpacity: .8;
68

69
/// Background of the modal layer
70
/// @group general
71
$maskBg: rgba(0, 0, 0, 0.4);
72

73
/// Font size of the loading icons
74
/// @group general
75
$loadingIconFontSize: 2rem;
76

77
/// Color to use on an invalid element e.g. invalid input
78
/// @group general
79
$errorColor: #e4677e;
80

81
/// Outline color of a focused element
82
/// @group general
83
$focusOutlineColor: #bfd1f6;
84

85
/// Outline of a focused element
86
/// @group general
87
$focusOutline: 0 none;
88

89
/// Outline offset of a focused element
90
/// @group general
91
$focusOutlineOffset: 0;
92

93
/// Outline color of a focused input element
94
/// @group general
95
$inputFocusOutlineOffset: $focusOutlineOffset;
96

97
/// Box shadow of a focused element
98
/// @group general
99
$focusShadow: 0 0 0 0.2rem $focusOutlineColor;
100

101
/// Width of an action icon
102
/// @group general
103
$actionIconWidth: 2rem;
104

105
/// Height of an action icon
106
/// @group general
107
$actionIconHeight: 2rem;
108

109
/// Background of an action icon
110
/// @group general
111
$actionIconBg: transparent;
112

113
/// Border of an action icon
114
/// @group general
115
$actionIconBorder: 0 none;
116

117
/// Color of an action icon
118
/// @group general
119
$actionIconColor: $textSecondaryColor;
120

121
/// Backgroun of an action icon in hover state
122
/// @group general
123
$actionIconHoverBg: #e9ecef;
124

125
/// Border of an action icon in hover state
126
/// @group general
127
$actionIconHoverBorderColor: transparent;
128

129
/// Color of an action icon in hover state
130
/// @group general
131
$actionIconHoverColor: $textColor;
132

133
/// Border radius of an action icon
134
/// @group general
135
$actionIconBorderRadius: 50%;
136

137
/// Scale factor of small component size
138
/// @group general
139
$scaleSM:0.875;
140

141
/// Scale factor of small large size
142
/// @group general
143
$scaleLG:1.25;