Skip to content

Commit 07e4b6d

Browse files
author
dmihaylo
committed
docs: unify casing for Less
1 parent 3c9f7a9 commit 07e4b6d

File tree

7 files changed

+25
-26
lines changed

7 files changed

+25
-26
lines changed

docs/intro/installation/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ After you [download any of the Kendo UI bundles](http://www.telerik.com/download
3434
|`/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.|
3535
|`/js` |Contains the minified JavaScript files.|
3636
|`/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.|
3838
|`/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.|
3939
|`changelog.html` |Provides the Kendo UI release notes.|
4040

docs/styles-and-layout/appearance-styling.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
2-
title: LESS-Based Themes
3-
page_title: LESS-Based Themes | Kendo UI Styles and Appearance
2+
title: Less-Based Themes
3+
page_title: Less-Based Themes | Kendo UI Styles and Appearance
44
description: "Learn how to define CSS classes in the Kendo UI desktop widgets to change their appearance and customize their style further."
55
previous_url: /web/appearance-styling, /web/appearance-rtl, /dataviz/appearance-styling, /themebuilder.html
66
slug: themesandappearnce_kendoui_desktopwidgets
77
position: 1
88
---
99

10-
# LESS-Based Themes
10+
# Less-Based Themes
1111

1212
All [Kendo UI widgets](http://demos.telerik.com/kendo-ui/) arrive with a number of predefined themes.
1313

@@ -204,17 +204,17 @@ With the 2014 Q3 release Kendo UI provides customized presentation for checkboxe
204204

205205
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.
206206

207-
### LESS Files Overview
207+
### Less Files Overview
208208

209209
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.
210210

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`.
212212

213-
### Available LESS Files
213+
### Available Less Files
214214

215215
The list below demonstrates the names of the `.less` files supported by Kendo UI.
216216

217-
| LESS Files | Contents and Application |
217+
| Less Files | Contents and Application |
218218
|:--- |:--- |
219219
| **`kendo.[theme-name].less`** | The file contains theme variables, but does not include styles for hybrid widgets. Building it produces a theme file. |
220220
| **`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
225225
| **`kendo.rtl.css`** | Contains styles for widgets in RTL mode, CSS only. |
226226
| **`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. |
227227

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.
229229

230230
> **Important**
231231
>
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.
233233
234234
### Customizaion of Themes
235235

236236
To create a custom theme with Kendo UI, choose either of the two possible ways:
237237

238238
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.
240240

241-
## LESS Theme Builder
241+
## Less Theme Builder
242242

243243
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.
244244

@@ -247,7 +247,7 @@ The [Kendo UI ThemeBuilder](http://demos.telerik.com/kendo-ui/themebuilder/web.h
247247
When you customize a theme, you can either:
248248

249249
1. Use a newly created theme, or
250-
1. Use the LESS output.
250+
1. Use the Less output.
251251

252252
#### Use Newly Created Themes
253253

@@ -258,27 +258,27 @@ To use newly created themes:
258258

259259
* `kendo.custom.css`—The custom theme for most widgets. You can use this theme instead of any `kendo.[theme].css` one.
260260
* `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.
262262

263263
> **Important**
264264
> * Always register the [common CSS file]({% slug themesandappearnce_kendoui_desktopwidgets %}#common-css-files) on the page, even when using Theme Builder-generated custom themes.
265265
> * 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
266266
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.
268268
269-
#### Use LESS Output
269+
#### Use Less Output
270270

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.
272272

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).
274274

275275
> **Important**
276276
> * 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.
277277
> * 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.
278278
279279
### Version Compatibility
280280

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).
282282

283283
## See Also
284284

docs/styles-and-layout/how-to/change-themes-on-the-client.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ Other articles on styling, appearance, and rendering of Kendo UI widgets:
146146
* [Responsive Web Design]({% slug responsivewebdesign_integration_kendoui %})
147147
* [Web Font Icons]({% slug webfonticons_kendoui_desktopwidgets %})
148148
* [Sass ThemeBuilder Overview]({% slug sassbasedthemes_kendoui %}#sass-theme-builder)
149-
* [LESS ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
149+
* [Less ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
150150
* [Rendering Modes for Data Visualization]({% slug renderingmodesfor_datavisualization_kendouistyling %})
151151
* [Troubleshooting]({% slug commonissues_troubleshooting_kendouistyling %})
152152
* [Themes and Appearance of the Kendo UI Hybrid Widgets]({% slug forms_hybridkendoui %})

docs/styles-and-layout/icons-web.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -657,7 +657,7 @@ Other articles on styling, appearance, and rendering of Kendo UI widgets:
657657
* [Responsive Web Design]({% slug responsivewebdesign_integration_kendoui %})
658658
* [How to Change Themes on the Client]({% slug howto_changethemes_ontheclient_styleskendoui %})
659659
* [Sass ThemeBuilder Overview]({% slug sassbasedthemes_kendoui %}#sass-theme-builder)
660-
* [LESS ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
660+
* [Less ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
661661
* [Rendering Modes for Data Visualization]({% slug renderingmodesfor_datavisualization_kendouistyling %})
662662
* [Troubleshooting]({% slug commonissues_troubleshooting_kendouistyling %})
663663
* [Themes and Appearance of the Kendo UI Hybrid Widgets]({% slug forms_hybridkendoui %})

docs/styles-and-layout/rendering.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,6 @@ Other articles on styling, appearance, and rendering of Kendo UI widgets:
6969
* [Web Font Icons]({% slug webfonticons_kendoui_desktopwidgets %})
7070
* [How to Change Themes on the Client]({% slug howto_changethemes_ontheclient_styleskendoui %})
7171
* [Sass ThemeBuilder Overview]({% slug sassbasedthemes_kendoui %}#sass-theme-builder)
72-
* [LESS ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
72+
* [Less ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
7373
* [Troubleshooting]({% slug commonissues_troubleshooting_kendouistyling %})
7474
* [Themes and Appearance of the Kendo UI Hybrid Widgets]({% slug forms_hybridkendoui %})

docs/styles-and-layout/sass-themes.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@ Currently, Kendo UI delivers a single Sass theme. This is the **Default v2** the
1515

1616
## Overview
1717

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.
1919

2020
## Differences
2121

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:
2323

2424
- 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.
2525
- 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:
673673
* [Responsive Web Design]({% slug responsivewebdesign_integration_kendoui %})
674674
* [Web Font Icons]({% slug webfonticons_kendoui_desktopwidgets %})
675675
* [How to Change Themes on the Client]({% slug howto_changethemes_ontheclient_styleskendoui %})
676-
* [LESS ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#theme-builder)
677676
* [Rendering Modes for Data Visualization]({% slug renderingmodesfor_datavisualization_kendouistyling %})
678677
* [Troubleshooting]({% slug commonissues_troubleshooting_kendouistyling %})
679678
* [Themes and Appearance of the Kendo UI Hybrid Widgets]({% slug forms_hybridkendoui %})

docs/styles-and-layout/using-kendo-in-responsive-web-pages.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ Other articles on styling, appearance, and rendering of Kendo UI widgets:
151151
* [Web Font Icons]({% slug webfonticons_kendoui_desktopwidgets %})
152152
* [How to Change Themes on the Client]({% slug howto_changethemes_ontheclient_styleskendoui %})
153153
* [Sass ThemeBuilder Overview]({% slug sassbasedthemes_kendoui %}#sass-theme-builder)
154-
* [LESS ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
154+
* [Less ThemeBuilder Overview]({% slug themesandappearnce_kendoui_desktopwidgets %}#less-theme-builder)
155155
* [Rendering Modes for Data Visualization]({% slug renderingmodesfor_datavisualization_kendouistyling %})
156156
* [Troubleshooting]({% slug commonissues_troubleshooting_kendouistyling %})
157157
* [Themes and Appearance of the Kendo UI Hybrid Widgets](/controls/hybrid/styling)

0 commit comments

Comments
 (0)