vcomply-design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/README.md +22 -0
  2. package/css-build/css/alignment/alignment.css +33 -0
  3. package/css-build/css/animate/animate-fade-in-left.css +28 -0
  4. package/css-build/css/animate/animate-fade-in-right.css +28 -0
  5. package/css-build/css/animate/animate-fade-in.css +20 -0
  6. package/css-build/css/animate/animate-fade-out.css +20 -0
  7. package/css-build/css/animate/animate-slide-down.css +26 -0
  8. package/css-build/css/animate/animate-slide-left.css +26 -0
  9. package/css-build/css/animate/animate-slide-right.css +26 -0
  10. package/css-build/css/animate/animate-slide-up.css +26 -0
  11. package/css-build/css/animate/animation.css +58 -0
  12. package/css-build/css/animate/index.css +258 -0
  13. package/css-build/css/avatars/avatars.css +83 -0
  14. package/css-build/css/button/button.css +237 -0
  15. package/css-build/css/color/color.css +152 -0
  16. package/css-build/css/dialog/dialog.css +421 -0
  17. package/css-build/css/display/display.css +24 -0
  18. package/css-build/css/forms/check-box.css +97 -0
  19. package/css-build/css/forms/forms.css +336 -0
  20. package/css-build/css/forms/index.css +862 -0
  21. package/css-build/css/forms/radio.css +116 -0
  22. package/css-build/css/forms/range-slider.css +203 -0
  23. package/css-build/css/forms/switch.css +124 -0
  24. package/css-build/css/header/header.css +344 -0
  25. package/css-build/css/icons/icons.css +53 -0
  26. package/css-build/css/index.css +548 -0
  27. package/css-build/css/index2.css +313 -0
  28. package/css-build/css/layout/layout.css +19 -0
  29. package/css-build/css/left-menu/main-menu.css +98 -0
  30. package/css-build/css/left-menu/sub-menu.css +323 -0
  31. package/css-build/css/list/list.css +3 -0
  32. package/css-build/css/loader/v-loader.css +183 -0
  33. package/css-build/css/margin/index.css +112 -0
  34. package/css-build/css/margin/margin-bottom.css +25 -0
  35. package/css-build/css/margin/margin-left.css +25 -0
  36. package/css-build/css/margin/margin-right.css +40 -0
  37. package/css-build/css/margin/margin-top.css +25 -0
  38. package/css-build/css/margin/margin.css +25 -0
  39. package/css-build/css/mixin/mixin.css +7 -0
  40. package/css-build/css/mixin.css +0 -0
  41. package/css-build/css/no-data/no-data.css +36 -0
  42. package/css-build/css/padding/index.css +97 -0
  43. package/css-build/css/padding/padding-bottom.css +25 -0
  44. package/css-build/css/padding/padding-left.css +25 -0
  45. package/css-build/css/padding/padding-right.css +25 -0
  46. package/css-build/css/padding/padding-top.css +25 -0
  47. package/css-build/css/padding/padding.css +25 -0
  48. package/css-build/css/pagination/pagination.css +131 -0
  49. package/css-build/css/panel/panel.css +76 -0
  50. package/css-build/css/popover/popover.css +237 -0
  51. package/css-build/css/quick-links/quick-links.css +84 -0
  52. package/css-build/css/smiley/smiley.css +353 -0
  53. package/css-build/css/snack-bar/snack-bar.css +77 -0
  54. package/css-build/css/table/table.css +191 -0
  55. package/css-build/css/table-card/table-card.css +242 -0
  56. package/css-build/css/text/text.css +157 -0
  57. package/css-build/css/user-panel/user-panel.css +115 -0
  58. package/css-build/css/vx.css +4254 -0
  59. package/css-build/css/width/width.css +43 -0
  60. package/css-build/fonts/icon.eot +0 -0
  61. package/css-build/fonts/icon.svg +583 -0
  62. package/css-build/fonts/icon.ttf +0 -0
  63. package/css-build/fonts/icon.woff +0 -0
  64. package/css-build/images/1.jpg +0 -0
  65. package/css-build/images/2.jpg +0 -0
  66. package/css-build/images/3.jpg +0 -0
  67. package/css-build/images/4.jpg +0 -0
  68. package/css-build/images/example/graph-sec-menu.JPG +0 -0
  69. package/css-build/images/example/layout.svg +388 -0
  70. package/css-build/images/example/menu-icon-m.svg +56 -0
  71. package/css-build/images/example/primary-menu.svg +66 -0
  72. package/css-build/images/example/vcomply-icon-m.svg +43 -0
  73. package/css-build/images/favicon.ico +0 -0
  74. package/css-build/images/grid.JPG +0 -0
  75. package/css-build/images/no-data.svg +268 -0
  76. package/css-build/images/open-arrow-left.svg +3 -0
  77. package/css-build/images/plus-create-icon.svg +23 -0
  78. package/css-build/images/plus-incident-icon.svg +44 -0
  79. package/css-build/images/plus-risk-icon.svg +45 -0
  80. package/css-build/images/v-icon.svg +1 -0
  81. package/css-build/index.html +188 -0
  82. package/css-build/js/table.js +72 -0
  83. package/css-build/js/toolbar.js +48 -0
  84. package/css-build/less/alignment/alignment.less +43 -0
  85. package/css-build/less/animate/animate-fade-in-left.less +32 -0
  86. package/css-build/less/animate/animate-fade-in-right.less +32 -0
  87. package/css-build/less/animate/animate-fade-in.less +24 -0
  88. package/css-build/less/animate/animate-fade-out.less +24 -0
  89. package/css-build/less/animate/animate-slide-down.less +30 -0
  90. package/css-build/less/animate/animate-slide-left.less +30 -0
  91. package/css-build/less/animate/animate-slide-right.less +30 -0
  92. package/css-build/less/animate/animate-slide-up.less +30 -0
  93. package/css-build/less/animate/animation.less +58 -0
  94. package/css-build/less/animate/index.less +9 -0
  95. package/css-build/less/avatars/avatars.less +96 -0
  96. package/css-build/less/button/button.less +201 -0
  97. package/css-build/less/color/color.less +209 -0
  98. package/css-build/less/dialog/dialog.less +502 -0
  99. package/css-build/less/display/display.less +31 -0
  100. package/css-build/less/forms/check-box.less +117 -0
  101. package/css-build/less/forms/forms.less +386 -0
  102. package/css-build/less/forms/index.less +5 -0
  103. package/css-build/less/forms/radio.less +139 -0
  104. package/css-build/less/forms/range-slider.less +69 -0
  105. package/css-build/less/forms/switch.less +166 -0
  106. package/css-build/less/header/header.less +236 -0
  107. package/css-build/less/icons/icons.less +50 -0
  108. package/css-build/less/index.less +74 -0
  109. package/css-build/less/index2.less +396 -0
  110. package/css-build/less/layout/layout.less +16 -0
  111. package/css-build/less/left-menu/main-menu.less +123 -0
  112. package/css-build/less/left-menu/sub-menu.less +326 -0
  113. package/css-build/less/list/list.less +5 -0
  114. package/css-build/less/loader/v-loader.less +219 -0
  115. package/css-build/less/margin/index.less +5 -0
  116. package/css-build/less/margin/margin-bottom.less +25 -0
  117. package/css-build/less/margin/margin-left.less +25 -0
  118. package/css-build/less/margin/margin-right.less +40 -0
  119. package/css-build/less/margin/margin-top.less +25 -0
  120. package/css-build/less/margin/margin.less +25 -0
  121. package/css-build/less/mixin/mixin.less +27 -0
  122. package/css-build/less/mixin.less +1 -0
  123. package/css-build/less/no-data/no-data.less +52 -0
  124. package/css-build/less/padding/index.less +5 -0
  125. package/css-build/less/padding/padding-bottom.less +25 -0
  126. package/css-build/less/padding/padding-left.less +20 -0
  127. package/css-build/less/padding/padding-right.less +20 -0
  128. package/css-build/less/padding/padding-top.less +25 -0
  129. package/css-build/less/padding/padding.less +25 -0
  130. package/css-build/less/pagination/pagination.less +144 -0
  131. package/css-build/less/panel/panel.less +116 -0
  132. package/css-build/less/popover/popover.less +273 -0
  133. package/css-build/less/quick-links/quick-links.less +90 -0
  134. package/css-build/less/smiley/smiley.less +422 -0
  135. package/css-build/less/snack-bar/snack-bar.less +86 -0
  136. package/css-build/less/table/table.less +293 -0
  137. package/css-build/less/table-card/table-card.less +116 -0
  138. package/css-build/less/text/text.less +179 -0
  139. package/css-build/less/user-panel/user-panel.less +123 -0
  140. package/css-build/less/vx.less +28 -0
  141. package/css-build/less/width/width.less +37 -0
  142. package/css-build/less.js +11 -0
  143. package/css-build/pages/alignment.html +102 -0
  144. package/css-build/pages/avatars.html +555 -0
  145. package/css-build/pages/button.html +993 -0
  146. package/css-build/pages/checkbox.html +560 -0
  147. package/css-build/pages/color-palette.html +358 -0
  148. package/css-build/pages/common-layout.html +125 -0
  149. package/css-build/pages/dialog.html +738 -0
  150. package/css-build/pages/display.html +67 -0
  151. package/css-build/pages/font-family.html +281 -0
  152. package/css-build/pages/header.html +590 -0
  153. package/css-build/pages/icons.html +3715 -0
  154. package/css-build/pages/mein-menu-active.html +67 -0
  155. package/css-build/pages/mein-menu-sub-menu.html +110 -0
  156. package/css-build/pages/mein-menu-tooltip.html +70 -0
  157. package/css-build/pages/mein-menu.html +321 -0
  158. package/css-build/pages/no-data.html +277 -0
  159. package/css-build/pages/panel.html +423 -0
  160. package/css-build/pages/popover.html +666 -0
  161. package/css-build/pages/radio.html +418 -0
  162. package/css-build/pages/range-slider.html +279 -0
  163. package/css-build/pages/select-box.html +933 -0
  164. package/css-build/pages/smiley.html +355 -0
  165. package/css-build/pages/sub-menu.html +396 -0
  166. package/css-build/pages/switch.html +349 -0
  167. package/css-build/pages/tab-menu.html +301 -0
  168. package/css-build/pages/table-card.html +510 -0
  169. package/css-build/pages/table.html +2218 -0
  170. package/css-build/pages/text-box.html +325 -0
  171. package/css-build/pages/text.html +106 -0
  172. package/css-build/pages/v-loader.html +163 -0
  173. package/css-build/sw/pwabuilder-sw-register.js +14 -0
  174. package/css-build/sw/pwabuilder-sw.js +47 -0
  175. package/css-build/utility/code-prev.css +19 -0
  176. package/css-build/utility/prism.css +130 -0
  177. package/css-build/utility/prism.js +8 -0
  178. package/index.js +66 -0
  179. package/nodemon.json +4 -0
  180. package/package.json +24 -0
package/css-build/pages/tab-menu.html ADDED
@@ -0,0 +1,301 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+ <title>Document</title>
9
+ <link rel="preconnect" href="https://fonts.gstatic.com">
10
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
11
+ <link rel="stylesheet" type="text/css" href="../utility/prism.css" />
12
+ <link rel="stylesheet" type="text/css" href="../utility/code-prev.css" />
13
+ <link rel="stylesheet/less" type="text/css" href="../less/index.less" />
14
+ <link rel="stylesheet/less" type="text/css" href="../less/index2.less" />
15
+ <link rel="stylesheet/less" type="text/css" href="../less/display/display.less" />
16
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding.less" />
17
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-bottom.less" />
18
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-top.less" />
19
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-left.less" />
20
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-right.less" />
21
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin.less" />
22
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-bottom.less" />
23
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-left.less" />
24
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-top.less" />
25
+ <link rel="stylesheet/less" type="text/css" href="../less/alignment/alignment.less" />
26
+ <link rel="stylesheet/less" type="text/css" href="../less/text/text.less" />
27
+ <link rel="stylesheet/less" type="text/css" href="../less/color/color.less" />
28
+ <link rel="stylesheet/less" type="text/css" href="../less/header/header.less" />
29
+ <link rel="stylesheet/less" type="text/css" href="../less/user-panel/user-panel.less" />
30
+ <link rel="stylesheet/less" type="text/css" href="../less/quick-links/quick-links.less" />
31
+ <link rel="stylesheet/less" type="text/css" href="../less/button/button.less" />
32
+ <link rel="stylesheet/less" type="text/css" href="../less/left-menu/sub-menu.less" />
33
+
34
+ </head>
35
+
36
+ <body>
37
+ <section>
38
+ <div class="head vx-mb-5">
39
+ <h2 class="title vx-label-txt vx-m-0 vx-mb-4">Tab Menu</h2>
40
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">Tab Menu will display.</p>
41
+ </div>
42
+ <div class="vx-d-flex vx-align-start">
43
+ <div class="page-container">
44
+ <div class="container" id="normal-tabView">
45
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Basic Tab menu</h3>
46
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">Add a text to describe the box
47
+ size, space, animation color about the design.
48
+ </p>
49
+ <div class="preview-block">
50
+ <div class="action-buttons">
51
+ <button class="vx-btn md transparent">
52
+ <i class="icons">&#xe9b6;</i> Copy Code
53
+ </button>
54
+ <button class="vx-btn md transparent" data-tab="besicTabView">
55
+ <i class="icons rotate">&#xea95;</i> View Code
56
+ </button>
57
+ </div>
58
+ <div class="preview-container">
59
+ <div class="vx-header vx-d-flex vx-align-center vx-justify-center" style="height: 150px;">
60
+ <div class="vx-tab-menu">
61
+ <ul>
62
+ <li><a href="#">Tab menu 1</a></li>
63
+ <li><a href="#">Tab menu 2</a></li>
64
+ <li><a href="#">Tab menu 3</a></li>
65
+ <li><a href="#">Tab menu 4</a></li>
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div class="code-view vx-mb-5" id="besicTabView">
72
+ <div class="code-navigation">
73
+ <button class="active">HTML</button>
74
+ <button>CSS</button>
75
+ </div>
76
+ <code class="language-markup">
77
+ <script type="prism-html-markup">
78
+ <div class="vx-tab-menu">
79
+ <ul>
80
+ <li><a href="#">Tab menu 1</a></li>
81
+ <li><a href="#">Tab menu 2</a></li>
82
+ <li><a href="#">Tab menu 3</a></li>
83
+ <li><a href="#">Tab menu 4</a></li>
84
+ </ul>
85
+ </div>
86
+ </script>
87
+ </code>
88
+ </div>
89
+ </div>
90
+ <div class="container" id="active-tabView">
91
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Tab menu active</h3>
92
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">Add a text to describe the box
93
+ size, space, animation color about the design.
94
+ </p>
95
+ <div class="preview-block">
96
+ <div class="action-buttons">
97
+ <button class="vx-btn md transparent">
98
+ <i class="icons">&#xe9b6;</i> Copy Code
99
+ </button>
100
+ <button class="vx-btn md transparent" data-tab="tabActiveView">
101
+ <i class="icons rotate">&#xea95;</i> View Code
102
+ </button>
103
+ </div>
104
+ <div class="preview-container">
105
+ <div class="vx-header vx-d-flex vx-align-center vx-justify-center" style="height: 150px;">
106
+ <div class="vx-tab-menu">
107
+ <ul>
108
+ <li><a href="#" class="active">Tab menu 1</a></li>
109
+ <li><a href="#">Tab menu 2</a></li>
110
+ <li><a href="#">Tab menu 3</a></li>
111
+ <li><a href="#">Tab menu 4</a></li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </div>
117
+ <div class="code-view vx-mb-5" id="tabActiveView">
118
+ <div class="code-navigation">
119
+ <button class="active">HTML</button>
120
+ <button>CSS</button>
121
+ </div>
122
+ <code class="language-markup">
123
+ <script type="prism-html-markup">
124
+ <div class="vx-tab-menu">
125
+ <ul>
126
+ <li><a href="#" class="active">Tab menu 1</a></li>
127
+ <li><a href="#">Tab menu 2</a></li>
128
+ <li><a href="#">Tab menu 3</a></li>
129
+ <li><a href="#">Tab menu 4</a></li>
130
+ </ul>
131
+ </div>
132
+ </script>
133
+ </code>
134
+ </div>
135
+ </div>
136
+ <div class="container" id="header-tabView">
137
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Tab menu with full header</h3>
138
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">Add a text to describe the box
139
+ size, space, animation color about the design.
140
+ </p>
141
+ <div class="preview-block">
142
+ <div class="action-buttons">
143
+ <button class="vx-btn md transparent">
144
+ <i class="icons">&#xe9b6;</i> Copy Code
145
+ </button>
146
+ <button class="vx-btn md transparent" data-tab="headertabActiveView">
147
+ <i class="icons rotate">&#xea95;</i> View Code
148
+ </button>
149
+ </div>
150
+ <div class="preview-container">
151
+ <div class="vx-header">
152
+ <div class="vx-header-top vx-d-flex vx-justify-between">
153
+ <div class="vx-search-block">
154
+ <input type="text">
155
+ <i class="icons">&#xe90b;</i>
156
+ </div>
157
+ <div class="vx-quick-block">
158
+ <div class="vx-quick-column plus" id="toggle-quickLink">
159
+ <button type="button" class="top">
160
+ <i class="icons">&#xe90a;</i>
161
+ </button>
162
+
163
+ </div>
164
+ <div class="vx-quick-column notification">
165
+ <button type="button" class="top">
166
+ <i class="icons">&#xe909;</i>
167
+ </button>
168
+ </div>
169
+ <div class="vx-quick-column user">
170
+ <button type="button" class="top">
171
+ <span class="small-user vx-d-flex vx-align-center vx-justify-center">SY</span>
172
+ </button>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ <div class="vx-header-bottom vx-pl-3 vx-pr-3 vx-pt-4">
177
+ <h1 class="vx-title-text vx-txt-white vx-fs-6 vx-m-0">Main Heading</h1>
178
+ <div class="vx-tab-menu">
179
+ <ul>
180
+ <li><a href="#" class="active">Tab menu 1</a></li>
181
+ <li><a href="#">Tab menu 2</a></li>
182
+ <li><a href="#">Tab menu 3</a></li>
183
+ <li><a href="#">Tab menu 4</a></li>
184
+ </ul>
185
+ </div>
186
+ </div>
187
+
188
+ </div>
189
+ </div>
190
+ </div>
191
+ <div class="code-view vx-mb-5" id="headertabActiveView">
192
+ <div class="code-navigation">
193
+ <button class="active">HTML</button>
194
+ <button>CSS</button>
195
+ </div>
196
+ <code class="language-markup">
197
+ <script type="prism-html-markup">
198
+ <div class="vx-header">
199
+ <div class="vx-header-top vx-d-flex vx-justify-between">
200
+ <div class="vx-search-block">
201
+ <input type="text">
202
+ <i class="icons">&#xe90b;</i>
203
+ </div>
204
+ <div class="vx-quick-block">
205
+ <div class="vx-quick-column plus" id="toggle-quickLink">
206
+ <button type="button" class="top">
207
+ <i class="icons">&#xe90a;</i>
208
+ </button>
209
+
210
+ </div>
211
+ <div class="vx-quick-column notification">
212
+ <button type="button" class="top">
213
+ <i class="icons">&#xe909;</i>
214
+ </button>
215
+ </div>
216
+ <div class="vx-quick-column user">
217
+ <button type="button" class="top">
218
+ <span class="small-user vx-d-flex vx-align-center vx-justify-center">SY</span>
219
+ </button>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ <div class="vx-header-bottom vx-pl-3 vx-pr-3 vx-pt-4">
224
+ <h1 class="vx-title-text vx-txt-white vx-fs-6 vx-m-0">Main Heading</h1>
225
+ <div class="vx-tab-menu">
226
+ <ul>
227
+ <li><a href="#" class="active">Tab menu 1</a></li>
228
+ <li><a href="#">Tab menu 2</a></li>
229
+ <li><a href="#">Tab menu 3</a></li>
230
+ <li><a href="#">Tab menu 4</a></li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+
235
+ </div>
236
+ </script>
237
+ </code>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ <div class="page-quick-menu">
242
+ <div class="vx-sub-menu vx-p-0">
243
+ <h3 class="vx-title vx-lh-12 vx-tt-uppercase vx-fw-500 vx-m-0 vx-label-txt vx-d-flex vx-align-center vx-pr-3 vx-pl-3">Contents</h3>
244
+ <ul class="vx-p-0">
245
+ <li><a href="#normal-tabView" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3 active">Besic Tab menu</a></li>
246
+ <li><a href="#active-tabView" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3">Tab menu with selected</a></li>
247
+ <li><a href="#header-tabView" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3">Tab menu with full header</a></li>
248
+ </ul>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </section>
253
+
254
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
255
+ <script async src="../less.js"></script>
256
+ <script src="../utility/prism.js"></script>
257
+ <script>
258
+ $(document).ready(function () {
259
+ $('button').click(function () {
260
+ var tab_id = $(this).attr('data-tab');
261
+ // $('preview-block button').removeClass('active');
262
+ $('.code-view vx-mb-5').removeClass('active');
263
+ // $(this).addClass('active');
264
+ $("#" + tab_id).toggleClass('active');
265
+ })
266
+ });
267
+ $('ul li a.vx-fs-3[href*="#"]')
268
+ .not('[href="#"]')
269
+ .not('[href="#0"]')
270
+ .click(function (event) {
271
+ if (
272
+ location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
273
+ &&
274
+ location.hostname == this.hostname
275
+ ) {
276
+ $('ul li a.vx-fs-3[href*="#"]').removeClass('active');
277
+ $(this).addClass('active');
278
+ var target = $(this.hash);
279
+ console.log(target);
280
+ target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
281
+ if (target.length) {
282
+ event.preventDefault();
283
+ $('html, body').animate({
284
+ scrollTop: target.offset().top - 110
285
+ }, 100, function () {
286
+ var $target = $(target);
287
+ $target.focus();
288
+ if ($target.is(":focus")) {
289
+ return false;
290
+ } else {
291
+ $target.attr('tabindex', '-1');
292
+ $target.focus();
293
+ };
294
+ });
295
+ }
296
+ }
297
+ });
298
+ </script>
299
+ </body>
300
+
301
+ </html>