LESS - Revision history

Andrewnicols: Note about plan not to migrate this page to the new developer resources. See template for more info.

2022-06-24T13:43:55Z

Note about plan not to migrate this page to the new developer resources. See template for more info.

← Older revision		Revision as of 13:43, 24 June 2022
Line 1:		Line 1:
			{{Template:WillNotMigrate}}
	== Overview ==		== Overview ==

Mudrd8mz: Text replacement - "`" to ""`


2021-07-14T19:18:01Z
Text replacement - "<code bash>" to "<syntaxhighlight lang="bash">"

				
				
				
				
				
				← Older revision
				Revision as of 19:18, 14 July 2021
				
Line 21:
Line 21:
After editing the LESS files, compile (minified) your CSS using '''grunt''' as follows: After editing the LESS files, compile (minified) your CSS using '''grunt''' as follows:



<code bash> <syntaxhighlight lang="bash">
$ grunt css $ grunt css
</syntaxhighlight> </syntaxhighlight>

`Mudrd8mz: Text replacement - "`" to ""

2021-07-14T13:06:07Z

Text replacement - "</code>" to "</syntaxhighlight>"

← Older revision		Revision as of 13:06, 14 July 2021
Line 23:		Line 23:
	<code bash>		<code bash>
	$ grunt css		$ grunt css
	</~~code~~>		</syntaxhighlight>

	This will compile and compress the moodle.less & editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css & editor.css, and store it in the style folder of the bootstrapbase theme.		This will compile and compress the moodle.less & editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css & editor.css, and store it in the style folder of the bootstrapbase theme.

Damyon: /* The bootstrapbase theme */

2016-12-01T07:12:12Z

The bootstrapbase theme

← Older revision		Revision as of 07:12, 1 December 2016
Line 9:		Line 9:
	== The bootstrapbase theme ==		== The bootstrapbase theme ==

	Moodle's ~~[[Bootstrap]] base~~ theme has rules written using LESS.		Moodle's bootstrapbase theme has rules written using LESS.

	The main LESS file is '''theme/bootstrapbase/less/moodle.less''', with additional files in '''theme/bootstrapbase/less/moodle/''' imported by the main file.		The main LESS file is '''theme/bootstrapbase/less/moodle.less''', with additional files in '''theme/bootstrapbase/less/moodle/''' imported by the main file.

Marina.glancy at 03:15, 22 August 2016

2016-08-22T03:15:13Z

← Older revision		Revision as of 03:15, 22 August 2016
Line 26:		Line 26:

	This will compile and compress the moodle.less & editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css & editor.css, and store it in the style folder of the bootstrapbase theme.		This will compile and compress the moodle.less & editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css & editor.css, and store it in the style folder of the bootstrapbase theme.

			== See also ==
			* [[Grunt]]

			[[Category:Themes]]

Marina.glancy: /* Compiling LESS */

2016-08-22T03:00:17Z

Compiling LESS

← Older revision		Revision as of 03:00, 22 August 2016
Line 17:		Line 17:
	== Compiling LESS ==		== Compiling LESS ==
	If you want to make changes to the .css generated from these .less files then you need to use a less compiler to build your changes. The supported way to achieve this		If you want to make changes to the .css generated from these .less files then you need to use a less compiler to build your changes. The supported way to achieve this
	is using [[grunt]]. (See [[Grunt]] for details of how to install it).		is using '''grunt'''. (See [[Grunt]] for details of how to install it).

	After editing the LESS files, compile (minified) your CSS using [[grunt]] as follows:		After editing the LESS files, compile (minified) your CSS using '''grunt''' as follows:

	<code bash>		<code bash>

Nadavkav: /* Compiling LESS */

2015-12-04T17:02:43Z

Compiling LESS

← Older revision		Revision as of 17:02, 4 December 2015
Line 25:		Line 25:
	</code>		</code>

	This will compile and compress the moodle.less/editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css/editor.css, and store it in the style folder of the bootstrapbase theme.		This will compile and compress the moodle.less & editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css & editor.css, and store it in the style folder of the bootstrapbase theme.

Poltawski at 16:44, 4 December 2015

2015-12-04T16:44:31Z

← Older revision		Revision as of 16:44, 4 December 2015
Line 16:		Line 16:

	== Compiling LESS ==		== Compiling LESS ==
	~~As a prerequisite,~~ you need to ~~have~~ [[grunt]] ~~installed~~ to ~~compile our less files since MDL-51582~~.		If you want to make changes to the .css generated from these .less files then you need to use a less compiler to build your changes. The supported way to achieve this
			is using [[grunt]]. (See [[Grunt]] for details of how to install it).

	After editing the LESS files, compile (minified) your CSS using [[grunt]] as follows:		After editing the LESS files, compile (minified) your CSS using [[grunt]] as follows:

Poltawski at 16:35, 4 December 2015

2015-12-04T16:35:55Z

← Older revision		Revision as of 16:35, 4 December 2015
Line 16:		Line 16:

	== Compiling LESS ==		== Compiling LESS ==
			As a prerequisite, you need to have [[grunt]] installed to compile our less files since MDL-51582.

	After editing the LESS files, compile (minified) your CSS using [grunt] as follows:		After editing the LESS files, compile (minified) your CSS using [[grunt]] as follows:

	<code bash>		<code bash>

Poltawski: /* Compiling LESS */

2015-12-04T16:34:15Z

Compiling LESS

← Older revision		Revision as of 16:34, 4 December 2015
Line 23:		Line 23:
	</code>		</code>

	This will compile and compress the moodle.less file (and all the LESS and CSS files it imports) into a single file, moodle.css, and store it in the style folder of the bootstrapbase theme.		This will compile and compress the moodle.less/editor.less file (and all the LESS and CSS files it imports) into a single file, moodle.css/editor.css, and store it in the style folder of the bootstrapbase theme.

← Older revision		Revision as of 19:18, 14 July 2021
Line 21:		Line 21:
	After editing the LESS files, compile (minified) your CSS using '''grunt''' as follows:		After editing the LESS files, compile (minified) your CSS using '''grunt''' as follows:

	<~~code~~ bash>		<syntaxhighlight lang="bash">
	$ grunt css		$ grunt css
	</syntaxhighlight>		</syntaxhighlight>

LESS - Revision history

Andrewnicols: Note about plan not to migrate this page to the new developer resources. See template for more info.

Mudrd8mz: Text replacement - "" to ""

Mudrd8mz: Text replacement - "" to ""

Damyon: /* The bootstrapbase theme */

Marina.glancy at 03:15, 22 August 2016

Marina.glancy: /* Compiling LESS */

Nadavkav: /* Compiling LESS */

Poltawski at 16:44, 4 December 2015

Poltawski at 16:35, 4 December 2015

Poltawski: /* Compiling LESS */

Mudrd8mz: Text replacement - "`" to ""`

`Mudrd8mz: Text replacement - "`" to ""