You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/intro/installation/getting-started.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -34,7 +34,7 @@ After you [download any of the Kendo UI bundles](http://www.telerik.com/download
34
34
|`/examples`|Accommodates the quick-start demo files. Although they are static HTML files, it is recommended that you open them through a web server instead of directly from the file system. The latter approach breaks all Ajax data requests.|
35
35
|`/js`|Contains the minified JavaScript files.|
36
36
|`/src`|This folder used to hold the source code files, but they are now provided in a separate download package. Access the source code package from the [Downloads section](https://www.telerik.com/account/my-downloads) of your account. Note that the source code is _not_ available to trial users.|
37
-
|`/styles`|Consists of the minified CSS files and theme images. The folder also includes the LESS files, which can be passed to the compiler, located on the first-level folders inside `styles/folder: styles/web/` and `styles/mobile/`. Note that the LESS files are _not_ available in the trial version.|
37
+
|`/styles`|Consists of the minified CSS files and theme images. The folder also includes the Less files, which can be passed to the compiler, located on the first-level folders inside `styles/folder: styles/web/` and `styles/mobile/`. Note that the Less files are _not_ available in the trial version.|
38
38
|`/wrappers`|Includes the server-side wrappers. As it is necessary for the UI for ASP.NET MVC, UI for JSP or UI for PHP distributions only, the folder is available in the commercial packages of these versions.|
39
39
|`changelog.html`|Provides the Kendo UI release notes.|
All [Kendo UI widgets](http://demos.telerik.com/kendo-ui/) arrive with a number of predefined themes.
13
13
@@ -204,17 +204,17 @@ With the 2014 Q3 release Kendo UI provides customized presentation for checkboxe
204
204
205
205
Kendo UI supports a number of `.less` files, which are only used when you want to modify the Kendo UI CSS source code and create a custom theme.
206
206
207
-
### LESS Files Overview
207
+
### Less Files Overview
208
208
209
209
In the Kendo UI Q1 2014 release, the Kendo UI `web.common.less` file was split, which resulted in the construction of `.less` files for each widget. The Kendo UI mobile platform themes were also divided in parts to create files per widget.
210
210
211
-
The [`LESS` command-line compiler](http://lesscss.org/#using-less-command-line-usage) is used for building the `LESS` source files to CSS skins and themes. The `.less` files, which can be passed to the compiler, are located in the first-level folders inside `styles/folder`—`styles/web/` and `styles/mobile/`. Kendo UI files for mobile are self-explanatory. Except `meego.less`, which is deprecated, the rest of the files can be built by using the `.less` files modification and produce all platform themes. Some use CSS files, including `kendo.mobile.all.css`.
211
+
The [Less command-line compiler](http://lesscss.org/#using-less-command-line-usage) is used for building the `LESS` source files to CSS skins and themes. The `.less` files, which can be passed to the compiler, are located in the first-level folders inside `styles/folder`—`styles/web/` and `styles/mobile/`. Kendo UI files for mobile are self-explanatory. Except `meego.less`, which is deprecated, the rest of the files can be built by using the `.less` files modification and produce all platform themes. Some use CSS files, including `kendo.mobile.all.css`.
212
212
213
-
### Available LESS Files
213
+
### Available Less Files
214
214
215
215
The list below demonstrates the names of the `.less` files supported by Kendo UI.
216
216
217
-
|LESS Files | Contents and Application |
217
+
|Less Files | Contents and Application |
218
218
|:--- |:--- |
219
219
|**`kendo.[theme-name].less`**| The file contains theme variables, but does not include styles for hybrid widgets. Building it produces a theme file. |
220
220
|**`kendo.[theme-name].mobile.less`**| Contains styling for all widgets, including hybrid ones. Building it produces a theme file for all widgets. |
@@ -225,20 +225,20 @@ The list below demonstrates the names of the `.less` files supported by Kendo UI
225
225
|**`kendo.rtl.css`**| Contains styles for widgets in RTL mode, CSS only. |
226
226
|**`type-[theme-name].less`**| Contains supporting files that cannot be built. Translates the colors from `kendo.[theme-name].less` to the theme colors to a usable theme. |
227
227
228
-
The Kendo UI `.less` files, including the styling of the Kendo UI hybrid widgets, can be built using the LESS 1.7.5 version.
228
+
The Kendo UI `.less` files, including the styling of the Kendo UI hybrid widgets, can be built using the Less 1.7.5 version.
229
229
230
230
> **Important**
231
231
>
232
-
> Kendo UI versions earlier than and including 2015.2.805 had to be built with [Telerik `LESS` fork](https://github.com/telerik/less.js) located on GitHub. This is no longer a requirement.
232
+
> Kendo UI versions earlier than and including 2015.2.805 had to be built with [Telerik Less fork](https://github.com/telerik/less.js) located on GitHub. This is no longer a requirement.
233
233
234
234
### Customizaion of Themes
235
235
236
236
To create a custom theme with Kendo UI, choose either of the two possible ways:
237
237
238
238
1. Use the [Kendo UI ThemeBuilder](http://demos.telerik.com/kendo-ui/themebuilder/). For detailed information on how to configure its options, refer to the [section on the Less Theme Builder](#theme-builder).
239
-
2. Modify a `.less` file to achieve a theme of your liking. To do so, choose one of the available `kendo.*.less` files depending on what you want to achieve. Copy it to your project and rename it. Change the colors and run the [`LESS` command-line compiler](http://lesscss.org/#using-less-command-line-usage) on it.
239
+
2. Modify a `.less` file to achieve a theme of your liking. To do so, choose one of the available `kendo.*.less` files depending on what you want to achieve. Copy it to your project and rename it. Change the colors and run the [Less command-line compiler](http://lesscss.org/#using-less-command-line-usage) on it.
240
240
241
-
## LESS Theme Builder
241
+
## Less Theme Builder
242
242
243
243
The [Kendo UI ThemeBuilder](http://demos.telerik.com/kendo-ui/themebuilder/web.html) enables you to modify Kendo UI themes to match the look and feel of your website or application.
244
244
@@ -247,7 +247,7 @@ The [Kendo UI ThemeBuilder](http://demos.telerik.com/kendo-ui/themebuilder/web.h
247
247
When you customize a theme, you can either:
248
248
249
249
1. Use a newly created theme, or
250
-
1. Use the LESS output.
250
+
1. Use the Less output.
251
251
252
252
#### Use Newly Created Themes
253
253
@@ -258,27 +258,27 @@ To use newly created themes:
258
258
259
259
*`kendo.custom.css`—The custom theme for most widgets. You can use this theme instead of any `kendo.[theme].css` one.
260
260
*`kendo.custom.json`—The custom theme for widgets that use `SVG`/`Canvas` rendering (charting widgets). Use the contents of this file to [create a custom Chart theme]({% slug howto_customizechartthemes_charts %}). Set a custom theme name by using the [`theme`](/api/javascript/dataviz/ui/chart#configuration-theme) configuration option.
261
-
*`kendo.custom.less`—The [LESS](http://lesscss.org/) that includes the custom theme. Use this file when you compile the theme dynamically.
261
+
*`kendo.custom.less`—The [Less](http://lesscss.org/) that includes the custom theme. Use this file when you compile the theme dynamically.
262
262
263
263
> **Important**
264
264
> * Always register the [common CSS file]({% slug themesandappearnce_kendoui_desktopwidgets %}#common-css-files) on the page, even when using Theme Builder-generated custom themes.
265
265
> * Use the common CSS file, which corresponds to the Kendo UI theme that is used as a base for your custom theme. For example, if you have created a custom theme from
266
266
the built-in Material theme, then register `kendo.common-material.min.css`.
267
-
> * When you deploy your themed application to an internal network, the images in the Theme Builder output are inferred from the page. If you are using the Theme Builder through the Kendo UI page, the images are located on the Kendo UI CDN and may be blocked if your customers are within an internal network without access to the CDN. In such cases, copy the image resources locally and change the references in the CSS or LESS output.
267
+
> * When you deploy your themed application to an internal network, the images in the Theme Builder output are inferred from the page. If you are using the Theme Builder through the Kendo UI page, the images are located on the Kendo UI CDN and may be blocked if your customers are within an internal network without access to the CDN. In such cases, copy the image resources locally and change the references in the CSS or Less output.
268
268
269
-
#### Use LESS Output
269
+
#### Use Less Output
270
270
271
-
The LESS output of the Theme Builder depends on the LESS files that are distributed along with the Kendo UI source, so make sure the file reference points to the existing files.
271
+
The Less output of the Theme Builder depends on the Less files that are distributed along with the Kendo UI source, so make sure the file reference points to the existing files.
272
272
273
-
For the various ways to process the LESS output, refer to the [official LESS documentation](http://lesscss.org/#-client-side-usage).
273
+
For the various ways to process the Less output, refer to the [official Less documentation](http://lesscss.org/#-client-side-usage).
274
274
275
275
> **Important**
276
276
> * As of the Kendo UI Q2 2015 release, Kendo UI introduces a new Theme Builder. It follows a notable CSS code overhaul, which made the themes more consistent and simpler to implement and to customize.
277
277
> * The new Theme Builder does not provide an import functionality. Kendo UI dropped this feature because it cannot be implemented to be as good and flexible as desired. Although it may not seem like the best option, it is recommended to recreate the custom themes after upgrading the Kendo UI version. This ensures that the generated CSS code is clean and includes all styles required by the new widgets or features.
278
278
279
279
### Version Compatibility
280
280
281
-
The Theme Builder generates CSS, LESS, and JS code which is compatible with the current official Kendo UI version. If your project requires a custom theme for an older Kendo UI version, implement it through [manual coding or overrides]({% slug themesandappearnce_kendoui_desktopwidgets %}#customize-appearance).
281
+
The Theme Builder generates CSS, Less, and JS code which is compatible with the current official Kendo UI version. If your project requires a custom theme for an older Kendo UI version, implement it through [manual coding or overrides]({% slug themesandappearnce_kendoui_desktopwidgets %}#customize-appearance).
Copy file name to clipboardExpand all lines: docs/styles-and-layout/sass-themes.md
+2-3Lines changed: 2 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,11 +15,11 @@ Currently, Kendo UI delivers a single Sass theme. This is the **Default v2** the
15
15
16
16
## Overview
17
17
18
-
Apart from being written in a different language, the Sass-based themes are slightly different from the LESS-based ones. This article outlines those differences and demonstrates how to use the Sass-based themes.
18
+
Apart from being written in a different language, the Sass-based themes are slightly different from the Less-based ones. This article outlines those differences and demonstrates how to use the Sass-based themes.
19
19
20
20
## Differences
21
21
22
-
In Kendo UI, the Sass-based themes demonstrate the following differences from the LESS-based ones:
22
+
In Kendo UI, the Sass-based themes demonstrate the following differences from the Less-based ones:
23
23
24
24
- Each Sass-based theme is represented by a single CSS file that combines the layout and the themes of the components. As a result, you do not need to match a theme with its common file.
25
25
- Based on the widget you work with, the Sass-based themes can build a part of the widget theme in a similar way the Download Builder trims unused scripts.
@@ -673,7 +673,6 @@ Other articles on styling, appearance, and rendering of Kendo UI widgets:
673
673
*[Responsive Web Design]({% slug responsivewebdesign_integration_kendoui %})
674
674
*[Web Font Icons]({% slug webfonticons_kendoui_desktopwidgets %})
675
675
*[How to Change Themes on the Client]({% slug howto_changethemes_ontheclient_styleskendoui %})
0 commit comments