ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ LESS ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ CSS ꯁꯦꯝꯕꯗꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯂꯧꯅꯕꯥ, CSS ꯄ꯭ꯔꯤꯞꯔꯣꯁꯦꯁꯔ ꯑꯃꯥ ꯑꯣꯏꯔꯤꯕꯥ LESS ꯒꯤ ꯃꯇꯦꯡꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯇꯦꯟꯗ ꯇꯧꯕꯥ꯫

ꯀꯔꯤꯒꯤ LESS?

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯃꯔꯨꯃꯗꯥ LESS ꯌꯥꯑꯣꯔꯤ, ꯃꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯐꯕꯥ ꯃꯔꯨꯞ, ꯑꯦꯂꯦꯛꯁꯤꯁ ꯁꯦꯂꯤꯌꯔꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯂꯣꯜ ꯑꯃꯅꯤ꯫ ꯃꯁꯤꯅꯥ ꯁꯤꯁ꯭ꯇꯦꯃꯁꯤꯡꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ, ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯅꯨꯡꯉꯥꯏꯕꯥ ꯑꯣꯏꯍꯜꯂꯤ꯫

ꯀꯔꯤ ꯌꯥꯑꯣꯔꯤꯕꯒꯦ?

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯑꯦꯛꯁꯇꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯑꯦꯜ.ꯏ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯀꯣꯗꯀꯤ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡꯒꯤꯗꯃꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯏꯆꯝ ꯆꯝꯕꯥ ꯃꯦꯊꯁꯀꯤꯗꯃꯛ ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡ, ꯅꯦꯁ꯭ꯇꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯆꯨꯒꯤ ꯐꯉ꯭ꯀꯁꯅꯁꯤꯡ ꯐꯥꯑꯣꯕꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ꯫

ꯑꯍꯦꯅꯕꯥ ꯈꯉꯅꯕꯒꯤꯗꯃꯛ http://lesscss.org/ ꯗꯥ ꯂꯩꯕꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯆꯪꯕꯤꯌꯨ꯫

ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯄꯤꯛꯁꯦꯜ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯥ ꯑꯁꯤ ꯈꯔꯥ ꯑꯋꯥꯕꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ, ꯃꯍꯧꯁꯥꯅꯥ ꯀꯣꯄꯤ ꯑꯃꯁꯨꯡ ꯄꯦꯁ꯭ꯇꯅꯥ ꯊꯜꯂꯕꯥ ꯌꯥꯏ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ LESSꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯠꯇꯦ—ꯃꯆꯨ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯛꯁꯦꯜ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯣꯏꯅꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯍꯣꯡꯗꯣꯀꯎ꯫

ꯃꯤꯛꯁꯅꯁꯤꯡ꯫

ꯑꯗꯣꯝꯅꯥ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯑꯣꯜ’ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯗꯨꯒꯨꯝꯂꯕꯥ ꯕꯣꯔꯗꯔ-ꯔꯦꯗꯤꯌꯁ ꯗꯤꯛꯂꯥꯔꯦꯁꯟ ꯑꯍꯨꯝ ꯑꯗꯨ? ꯍꯧꯖꯤꯛꯇꯤ ꯃꯈꯣꯌ ꯑꯁꯤ ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯃꯇꯦꯡꯅꯥ ꯂꯥꯏꯟ ꯑꯃꯗꯥ ꯍꯟꯊꯔꯦ, ꯃꯐꯝ ꯑꯃꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯀꯣꯗꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡ꯫

ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯦꯟ.ꯗꯤ.ꯑꯦ

ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯦꯊꯁ ꯑꯣꯟ ꯐ꯭ꯂꯥꯏ ꯇꯧꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯒ꯭ꯔꯤꯗ, ꯂꯤꯗꯤꯡ, ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯁꯨꯄꯔ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯣꯏꯍꯅꯕꯤꯌꯨ꯫ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁꯦꯅꯤꯇꯤꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯂꯝꯕꯤ ꯑꯗꯨ ꯃꯁꯤꯡ ꯌꯥꯃꯍꯅꯕꯥ, ꯈꯥꯌꯗꯣꯀꯄꯥ, ꯍꯥꯄꯆꯤꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯂꯧꯊꯣꯀꯄꯥ꯫

ꯁ꯭ꯀꯦꯐꯣꯜꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫

`@bodyBackground`	`@white`	ꯄꯦꯖ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯃꯆꯨ꯫
`@textColor`	`@grayDark`	ꯍꯀꯆꯥꯡ ꯄꯨꯝꯕꯥ, ꯍꯦꯗꯤꯡꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤ ꯗꯤꯐꯣꯜꯇ ꯇꯦꯛꯁꯠ ꯃꯆꯨ꯫
`@linkColor`	`#08c`	ꯗꯤꯐꯣꯜꯇ ꯂꯤꯉ꯭ꯛ ꯇꯦꯛꯁꯠ ꯃꯆꯨ꯫
`@linkColorHover`	`darken(@linkColor, 15%)`	ꯗꯤꯐꯣꯜꯇ ꯂꯤꯉ꯭ꯛ ꯇꯦꯛꯁꯠ ꯍꯣꯚꯔ ꯃꯆꯨ꯫

ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫

`@gridColumns`	꯱꯲ ꯑꯃꯁꯨꯡ ꯑꯦꯟ
`@gridColumnWidth`	꯶꯰ꯄꯤ.ꯑꯦꯛꯁ
`@gridGutterWidth`	꯲꯰ꯄꯤ.ꯑꯦꯛꯁ
`@fluidGridColumnWidth`	꯶.꯳꯸꯲꯹꯷꯸꯷꯲꯳% ꯑꯣꯏꯈꯤ꯫
`@fluidGridGutterWidth`	꯲.꯱꯲꯷꯶꯵꯹꯵꯷꯴% ꯑꯣꯏꯈꯤ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯇꯧꯕꯥ꯫

`@sansFontFamily`	"ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯅ꯭ꯌꯨ", ꯍꯦꯂꯚꯦꯇꯤꯀꯥ, ꯑꯦꯔꯤꯌꯥꯜ, ꯁꯥꯟꯁ-ꯁꯦꯔꯤꯐ꯫
`@serifFontFamily`	`Georgia, "Times New Roman", Times, serif`
`@monoFontFamily`	ꯃꯦꯅꯂꯣ, ꯃꯣꯅꯥꯀꯣ, "ꯀꯨꯔꯤꯌꯔ ꯅ꯭ꯌꯨ", ꯃꯣꯅꯣꯁ꯭ꯄꯦꯁ꯫
`@baseFontSize`	꯱꯳ꯄꯤ.ꯑꯦꯛꯁ.ꯒꯤ ꯑꯣꯏꯕꯥ꯫	ꯄꯤꯛꯁꯦꯜ ꯑꯣꯏꯒꯗꯕꯅꯤ꯫
`@baseFontFamily`	`@sansFontFamily`
`@baseLineHeight`	꯱꯸ꯄꯤ.ꯑꯦꯛꯁ	ꯄꯤꯛꯁꯦꯜ ꯑꯣꯏꯒꯗꯕꯅꯤ꯫
`@altFontFamily`	`@serifFontFamily`
`@headingsFontFamily`	`inherit`
`@headingsFontWeight`	`bold`
`@headingsColor`	`inherit`

ꯇꯦꯕꯂꯁꯤꯡ꯫

`@tableBackground`	`transparent`
`@tableBackgroundAccent`	`#f9f9f9`
`@tableBackgroundHover`	`#f5f5f5`
`@tableBorder`	`ddd`

ꯒ꯭ꯔꯦꯁ꯭ꯀꯦꯜ ꯃꯆꯨꯁꯤꯡ꯫

`@black`	#꯰꯰꯰ ꯑꯣꯏꯒꯅꯤ꯫
`@grayDarker`	#꯲꯲꯲ ꯂꯩ꯫
`@grayDark`	#꯳꯳꯳ ꯂꯩ꯫
`@gray`	#꯵꯵꯵ ꯂꯩ꯫
`@grayLight`	#꯹꯹꯹ ꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩ꯫
`@grayLighter`	#ꯏ.ꯏ.ꯏ
`@white`	#fff ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫

ꯑꯦꯀꯁꯦꯟꯇ ꯃꯆꯨꯁꯤꯡ꯫

`@blue`	#꯰꯴꯹ꯁꯤ.ꯗꯤ.ꯕꯤ
`@green`	#꯴꯶ꯑꯦ꯵꯴꯶ ꯂꯩ꯫
`@red`	#꯹ꯗꯤ꯲꯶꯱ꯗꯤ
`@yellow`	#ffc40d ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
`@orange`	#f꯸꯹꯴꯰꯶ ꯂꯩ꯫
`@pink`	#ꯁꯤ꯳꯳꯲꯵ꯑꯦꯐ
`@purple`	#꯷ꯑꯦ꯴꯳ꯕꯤ꯶ ꯂꯩ꯫

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ꯫

ꯕꯇꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

`@btnBackground`	`@white`
`@btnBackgroundHighlight`	`darken(@white, 10%)`
`@btnBorder`	`darken(@white, 20%)`
`@btnPrimaryBackground`	`@linkColor`
`@btnPrimaryBackgroundHighlight`	`spin(@btnPrimaryBackground, 15%)`
`@btnInfoBackground`	`#5bc0de`
`@btnInfoBackgroundHighlight`	`#2f96b4`
`@btnSuccessBackground`	`#62c462`
`@btnSuccessBackgroundHighlight`	`51a351`
`@btnWarningBackground`	`lighten(@orange, 15%)`
`@btnWarningBackgroundHighlight`	`@orange`
`@btnDangerBackground`	`#ee5f5b`
`@btnDangerBackgroundHighlight`	`#bd362f`
`@btnInverseBackground`	`@gray`
`@btnInverseBackgroundHighlight`	`@grayDarker`

ꯐꯣꯔꯃꯁꯤꯡ꯫

`@placeholderText`	`@grayLight`
`@inputBackground`	`@white`
`@inputBorder`	`#ccc`
`@inputBorderRadius`	`3px`
`@inputDisabledBackground`	`@grayLighter`
`@formActionsBackground`	`#f5f5f5`

ꯁ꯭ꯇꯦꯠ ꯑꯃꯁꯨꯡ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯁꯦꯝꯕꯥ꯫

`@warningText`	#ꯁꯤ꯰꯹꯸꯵꯳ ꯂꯩ꯫
`@warningBackground`	#f3edd2 ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
`@errorText`	#b94a48 ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
`@errorBackground`	#f2dede ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
`@successText`	#꯴꯶꯸꯸꯴꯷ ꯂꯩ꯫
`@successBackground`	#dff0d8 ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
`@infoText`	#꯳ꯑꯦ꯸꯷ꯑꯦ.ꯗꯤ
`@infoBackground`	#d9edf7 ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫

ꯅꯕꯕꯔ꯫

`@navbarHeight`	꯴꯰ꯄꯤ.ꯑꯦꯛꯁ
`@navbarBackground`	`@grayDarker`
`@navbarBackgroundHighlight`	`@grayDark`
`@navbarText`	`@grayLight`
`@navbarLinkColor`	`@grayLight`
`@navbarLinkColorHover`	`@white`
`@navbarLinkColorActive`	`@navbarLinkColorHover`
`@navbarLinkBackgroundHover`	`transparent`
`@navbarLinkBackgroundActive`	`@navbarBackground`
`@navbarSearchBackground`	`lighten(@navbarBackground, 25%)`
`@navbarSearchBackgroundFocus`	`@white`
`@navbarSearchBorder`	`darken(@navbarSearchBackground, 30%)`
`@navbarSearchPlaceholderColor`	`#ccc`
`@navbarBrandColor`	`@navbarLinkColor`

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫

`@dropdownBackground`	`@white`
`@dropdownBorder`	`rgba(0,0,0,.2)`
`@dropdownLinkColor`	`@grayDark`
`@dropdownLinkColorHover`	`@white`
`@dropdownLinkBackgroundHover`	`@linkColor`

ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ꯫

`@heroUnitBackground`	`@grayLighter`
`@heroUnitHeadingColor`	`inherit`
`@heroUnitLeadColor`	`inhereit`

ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

ꯕꯦꯁꯤꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ꯫

ꯕꯦꯁꯤꯛ ꯃꯤꯛꯁꯤꯟ ꯑꯁꯤ ꯇꯉꯥꯏꯐꯗꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯃꯒꯤꯗꯃꯛ ꯏꯅꯛꯂꯨꯖꯟ ꯅꯠꯠꯔꯒꯥ ꯄꯥꯔꯁꯤꯑꯦꯜ ꯑꯃꯅꯤ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯀ꯭ꯂꯥꯁ ꯑꯃꯒꯨꯝꯅꯥ ꯏꯔꯤ ꯑꯃꯁꯨꯡ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯀꯧꯕꯥ ꯌꯥꯏ꯫

. ꯑꯦꯂꯤꯃꯦꯟꯇ {
  . ꯀ꯭ꯂꯤꯌꯥꯔꯐꯤꯛꯁ ꯇꯧꯕꯥ ();
} .

ꯄꯦꯔꯥꯃꯦꯠꯔꯤꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ꯫

ꯄꯦꯔꯥꯃꯦꯠꯔꯤꯛ ꯃꯤꯛꯁꯤꯟ ꯑꯁꯤ ꯕꯦꯁꯤꯛ ꯃꯤꯛꯁꯤꯟ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯩ, ꯑꯗꯨꯕꯨ ꯃꯁꯤꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯗꯤꯐꯣꯜꯇ ꯚꯦꯜꯌꯨꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ (ꯃꯔꯝ ꯑꯁꯤꯅꯥ ꯃꯃꯤꯡ ꯊꯣꯅꯈꯤ)ꯁꯨ ꯌꯥꯔꯦ꯫

. ꯑꯦꯂꯤꯃꯦꯟꯇ {
  . ꯉꯃꯈꯩ - ꯔꯦꯗꯤꯌꯁ ( ꯴px );
} .

ꯐꯖꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯤꯛꯁꯤꯟ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯄꯨꯝꯅꯃꯛ mixins.less ꯗꯥ ꯁ꯭ꯇꯣꯔ ꯇꯧꯏ, ꯃꯁꯤ ꯑꯉꯀꯄꯥ ꯌꯨꯇꯤꯂꯤꯇꯤ .less ꯐꯥꯏꯜ ꯑꯃꯅꯤ ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯇꯨꯂꯀꯤꯇꯇꯥ ꯂꯩꯕꯥ .less ꯐꯥꯏꯜ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯃꯤꯛꯁꯤꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫

ꯑꯗꯨꯅꯥ, ꯃꯥꯡꯂꯣꯃꯗꯥ ꯆꯪꯁꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯧ ꯅꯠꯠꯔꯒꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯣꯏꯕꯥ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`.clearfix()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯃꯅꯨꯡꯗꯥ ꯐ꯭ꯂꯣꯇꯁꯤꯡ ꯀ꯭ꯂꯤꯌꯔ ꯇꯧꯅꯕꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
`.tab-focus()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯋꯦꯕꯀꯤꯠ ꯐꯣꯀꯁ ꯁ꯭ꯇꯥꯏꯜ ꯑꯃꯁꯨꯡ ꯒꯣꯜꯗ ꯐꯥꯏꯔꯐꯛꯁ ꯑꯥꯎꯇꯂꯥꯏꯟ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
`.center-block()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯇꯣ ꯁꯦꯟꯇꯔ ꯇꯧꯕꯥ꯫`margin: auto`
`.ie7-inline-block()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	`display: inline-block`IE7 ꯁꯄꯣꯔꯠ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯊꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
`.size()`	`@height @width`	ꯂꯥꯏꯟ ꯑꯃꯗꯥ ꯑꯋꯥꯡꯕꯥ ꯑꯃꯁꯨꯡ ꯄꯥꯀꯆꯥꯎꯕꯥ ꯑꯗꯨ ꯊꯨꯅꯥ ꯁꯦꯠ ꯇꯧ꯫
`.square()`	`@size`	`.size()`ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯋꯥꯡꯕꯥ ꯑꯗꯨ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯣꯏꯅꯥ ꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯕꯤꯜꯗ ꯑꯣꯟ ꯇꯧꯏ꯫
`.opacity()`	`@opacity`	ꯑꯄꯨꯅꯕꯥ ꯃꯁꯤꯡꯁꯤꯡꯗꯥ, ꯑꯣꯄꯦꯁꯤꯇꯤ ꯆꯥꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, "50" ꯅꯠꯠꯔꯒꯥ "75") ꯁꯦꯠ ꯇꯧ꯫

ꯐꯣꯔꯃꯁꯤꯡ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`.placeholder()`	`@color: @placeholderText`	`placeholder`ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇꯦꯛꯁꯠ ꯃꯆꯨ ꯁꯦꯠ ꯇꯧ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯇꯧꯕꯥ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`#font > #family > .serif()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯔꯤꯐ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯦꯝꯃꯨ꯫
`#font > #family > .sans-serif()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯥꯟꯁ-ꯁꯦꯔꯤꯐ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯦꯝꯃꯨ꯫
`#font > #family > .monospace()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯃꯣꯅꯣꯁ꯭ꯄꯦꯁ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#font > .shorthand()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	ꯐꯣꯟꯇ ꯁꯥꯏꯖ, ꯑꯔꯨꯝꯕꯥ, ꯑꯃꯁꯨꯡ ꯂꯤꯗꯤꯡ ꯐꯖꯅꯥ ꯁꯦꯠ ꯇꯧꯕꯥ꯫
`#font > .serif()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	ꯐꯣꯟꯇ ꯐꯦꯃꯤꯂꯤ ꯑꯁꯤ ꯁꯦꯔꯤꯐꯇꯥ ꯁꯦꯠ ꯇꯧ, ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖ, ꯑꯔꯨꯝꯕꯥ, ꯑꯃꯁꯨꯡ ꯂꯤꯗꯤꯡ ꯀꯟꯠꯔꯣꯜ ꯇꯧ꯫
`#font > .sans-serif()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	ꯐꯣꯟꯇ ꯐꯦꯃꯤꯂꯤ ꯑꯁꯤ sans-serif ꯗꯥ ꯁꯦꯠ ꯇꯧ, ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖ, ꯑꯣꯖꯟ, ꯑꯃꯁꯨꯡ ꯂꯤꯗꯤꯡ ꯀꯟꯠꯔꯣꯜ ꯇꯧ꯫
`#font > .monospace()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	ꯐꯣꯟꯇ ꯐꯦꯃꯤꯂꯤ ꯑꯁꯤ ꯃꯣꯅꯣꯁ꯭ꯄꯦꯁꯇꯥ ꯁꯦꯠ ꯇꯧ, ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖ, ꯑꯔꯨꯝꯕꯥ, ꯑꯃꯁꯨꯡ ꯂꯤꯗꯤꯡ ꯀꯟꯠꯔꯣꯜ ꯇꯧ꯫

ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`.container-fixed()`	ꯑꯃꯠꯇ ꯅꯠꯇꯦ	ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#grid > .core()`	`@gridColumnWidth, @gridGutterWidth`	n ꯀꯣꯂꯝ ꯑꯃꯁꯨꯡ x ꯄꯤꯛꯁꯦꯜ ꯋꯥꯏꯗ ꯒꯇꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯤꯛꯁꯦꯜ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ (ꯀꯟꯇꯦꯅꯔ, ꯔꯣ, ꯑꯃꯁꯨꯡ ꯀꯂꯃꯁꯤꯡ) ꯁꯦꯝꯃꯨ꯫
`#grid > .fluid()`	`@fluidGridColumnWidth, @fluidGridGutterWidth`	n ꯀꯂꯝ ꯑꯃꯁꯨꯡ x % ꯄꯥꯛ-ꯆꯥꯎꯕꯥ ꯒꯇꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯃꯥꯡꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#grid > .input()`	`@gridColumnWidth, @gridGutterWidth`	ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯄꯤꯛꯁꯦꯜ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯁꯦꯃꯒꯠꯄꯥ `input`, ꯄꯦꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯕꯣꯔꯗꯔꯁꯤꯡꯒꯤ ꯑꯦꯀꯥꯎꯟꯇꯤꯡ ꯇꯧꯕꯥ꯫
`.makeColumn`	`@columns: 1, @offset: 0`	ꯀ꯭ꯂꯥꯁꯁꯤꯡ `div`ꯌꯥꯑꯣꯗꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯒ꯭ꯔꯤꯗ ꯀꯣꯂꯝ ꯑꯃꯗꯥ ꯑꯣꯟꯊꯣꯀꯎ꯫`.span*`

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.꯳ꯒꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`.border-radius()`	`@radius`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯀꯣꯟꯅꯥ ꯀꯨꯄꯁꯤꯜꯂꯨ꯫ ꯚꯦꯜꯌꯨ ꯑꯃꯈꯛ ꯅꯠꯠꯔꯒꯥ ꯁ꯭ꯄꯦꯁ-ꯁꯦꯄꯥꯔꯦꯠ ꯇꯧꯔꯕꯥ ꯚꯦꯜꯌꯨ ꯃꯔꯤ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
`.box-shadow()`	`@shadow`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯗ꯭ꯔꯣꯞ ꯁꯦꯗꯣꯡ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
`.transition()`	`@transition`	ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.꯳ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯏꯐꯦꯛꯇ ꯍꯥꯄꯆꯤꯅꯕꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, `all .2s linear`)
`.rotate()`	`@degrees`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ n ꯗꯤꯒ꯭ꯔꯤꯗꯥ ꯔꯣꯇꯦꯠ ꯇꯧ꯫
`.scale()`	`@ratio`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯕꯨ ꯃꯗꯨꯒꯤ ꯑꯣꯔꯤꯖꯤꯅꯦꯜ ꯁꯥꯏꯖꯒꯤ n ꯇꯪꯈꯥꯌꯗꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧ꯫
`.translate()`	`@x, @y`	x ꯑꯃꯁꯨꯡ y ꯄ꯭ꯂꯦꯅꯁꯤꯡꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯆꯠꯂꯨ꯫
`.background-clip()`	`@clip`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯀ꯭ꯔꯣꯞ ꯇꯧꯕꯥ (ꯒꯤꯗꯃꯛ ꯀꯥꯟꯅꯔꯕꯥ `border-radius`) .
`.background-size()`	`@size`	CSS3ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯏꯃꯦꯖꯁꯤꯡꯒꯤ ꯁꯥꯏꯖ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯕꯥ꯫
`.box-sizing()`	`@boxmodel`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤꯗꯃꯛ ꯕꯣꯛꯁ ꯃꯣꯗꯦꯜ ꯍꯣꯡꯗꯣꯀꯎ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, `border-box`ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯋꯥꯏꯗ ꯑꯃꯒꯤꯗꯃꯛ `input`)
`.user-select()`	`@select`	ꯄꯦꯖ ꯑꯃꯗꯥ ꯇꯦꯛꯁꯠ ꯈꯅꯕꯒꯤ ꯀꯔꯁꯔ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯕꯥ꯫
`.backface-visibility()`	`@visibility: visible`	CSS 3D ꯇ꯭ꯔꯥꯟꯁꯐꯣꯔꯃꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯐ꯭ꯂꯤꯀꯔ ꯇꯧꯕꯥ ꯊꯤꯡꯕꯥ꯫
`.resizable()`	`@direction: both`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯑꯔꯣꯏꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯔꯤꯁꯥꯏꯖ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯣꯏꯍꯅꯒꯗꯕꯅꯤ꯫
`.content-columns()`	`@columnCount, @columnGap: @gridGutterWidth`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ CSS3 ꯀꯂꯃꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯁꯦꯝꯃꯨ꯫

ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯃꯁꯨꯡ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡ꯫

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫	ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫	ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
`#translucent > .background()`	`@color: @white, @alpha: 1`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯇ꯭ꯔꯥꯟꯁꯂꯨꯁꯦꯟꯇ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯃꯆꯨ ꯑꯃꯥ ꯄꯤꯌꯨ꯫
`#translucent > .border()`	`@color: @white, @alpha: 1`	ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯇ꯭ꯔꯥꯟꯁꯂꯨꯁꯦꯟꯇ ꯕꯣꯔꯗꯔ ꯃꯆꯨ ꯑꯃꯥ ꯄꯤꯌꯨ꯫
`#gradient > .vertical()`	`@startColor, @endColor`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯚꯔꯇꯤꯀꯦꯜ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradient > .horizontal()`	`@startColor, @endColor`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradient > .directional()`	`@startColor, @endColor, @deg`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯦꯜ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradient > .vertical-three-colors()`	`@startColor, @midColor, @colorStop, @endColor`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯃꯆꯨ ꯑꯍꯨꯃꯒꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradient > .radial()`	`@innerColor, @outerColor`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯔꯦꯗꯤꯑꯦꯜ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradient > .striped()`	`@color, @angle`	ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯁ꯭ꯠꯔꯥꯏꯞ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫
`#gradientBar()`	`@primaryColor, @secondaryColor`	ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯈꯔꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯕꯥ ꯉꯃꯈꯩ ꯑꯃꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧꯅꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯣꯗꯤꯐꯥꯏꯗ CSSꯒꯥ ꯂꯣꯌꯅꯅꯥ GitHubꯗꯥ ꯄꯨꯜ ꯔꯤꯛꯕꯦꯁ꯭ꯠ ꯑꯃꯥ ꯁꯕꯃꯤꯠ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ CSS ꯑꯗꯨ ꯃꯦꯊꯗꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯒꯗꯕꯅꯤ꯫

ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ꯫

ꯃꯦꯀꯐꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯣꯗ꯫

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯃꯥꯟꯗ ꯑꯁꯤ ꯔꯟ ꯇꯧꯗꯨꯅꯥ LESS ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ ꯀꯝꯄꯥꯏꯂꯔ ꯑꯃꯁꯨꯡ uglify-js ꯒ꯭ꯂꯣꯕꯦꯜ ꯑꯣꯏꯅꯥ npmꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ:

$ npm ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ -g less uglify-js

ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ makeꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯒꯤ ꯔꯨꯇꯇꯒꯤ ꯈꯛꯇꯃꯛ ꯆꯠꯂꯨ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛ ꯄꯨꯝꯅꯃꯛ ꯁꯦꯠ ꯇꯧꯔꯦ꯫

ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ watchr ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ make watchbootstrap lib ꯗꯥ ꯐꯥꯏꯜ ꯑꯃꯥ ꯑꯦꯗꯤꯠ ꯇꯧꯕꯥ ꯈꯨꯗꯤꯡꯗꯥ bootstrap ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯆꯠꯄꯥ ꯌꯥꯏ (ꯃꯁꯤ ꯃꯊꯧ ꯇꯥꯗꯦ, ꯈꯨꯗꯣꯡꯆꯥꯕꯥ ꯃꯦꯊꯗ ꯈꯛꯇꯅꯤ)꯫

ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ꯫

ꯅꯣꯗꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ LESS ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ ꯇꯨꯜ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯃꯥꯟꯗ ꯑꯁꯤ ꯆꯠꯂꯨ:

$ lessc ./less/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ > ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ

--compressꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯕꯥꯏꯠ ꯈꯔꯗꯤ ꯁꯦꯚ ꯇꯧꯅꯕꯥ ꯍꯣꯠꯅꯔꯕꯗꯤ ꯀꯃꯥꯟꯗ ꯑꯗꯨꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ !

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ Less.js ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯂꯝꯕꯤ (ꯑꯃꯁꯨꯡ Bootstrap) ꯑꯗꯨ <head>.

<link rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href = "/ꯄꯥꯊ/ꯇꯨ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" > <ꯁ꯭ꯛꯔꯤꯞꯇ src = "/ꯄꯥꯊ/ꯇꯨ/ꯂꯦꯁ.js" ></script>

.less ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯨ ꯁꯦꯚ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯣꯗ ꯇꯧ꯫ Less.jsꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯂꯣꯀꯦꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯗꯥ ꯁ꯭ꯇꯣꯔ ꯇꯧꯏ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯃꯥ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯁꯤꯅꯥ .less ꯐꯥꯏꯂꯁꯤꯡꯒꯤ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯁꯤꯡ ꯌꯦꯡꯏ ꯑꯃꯁꯨꯡ ꯌꯦꯡꯁꯤꯜꯂꯤꯕꯥ .less ꯐꯥꯏꯜ ꯑꯃꯥ ꯁꯦꯚ ꯇꯧꯕꯥ ꯈꯨꯗꯤꯡꯒꯤ ꯀꯣꯗ ꯑꯗꯨ ꯂꯣꯀꯦꯜ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯦꯞ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯄꯁꯟꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯀꯔꯝꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯂꯣꯏꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯥ꯫

ꯀꯔꯤꯒꯤ LESS?

ꯀꯔꯤ ꯌꯥꯑꯣꯔꯤꯕꯒꯦ?

ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ꯫

ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯃꯤꯛꯁꯅꯁꯤꯡ꯫

ꯑꯣꯄꯔꯦꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯦꯟ.ꯗꯤ.ꯑꯦ

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ LESS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯃꯈꯣꯌꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯒꯥꯏꯗꯂꯥꯏꯅꯁꯤꯡ꯫

ꯁ꯭ꯀꯦꯐꯣꯜꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫

ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯇꯧꯕꯥ꯫

ꯇꯦꯕꯂꯁꯤꯡ꯫

ꯒ꯭ꯔꯦꯁ꯭ꯀꯦꯜ ꯃꯆꯨꯁꯤꯡ꯫

ꯑꯦꯀꯁꯦꯟꯇ ꯃꯆꯨꯁꯤꯡ꯫

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ꯫

ꯕꯇꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯐꯣꯔꯃꯁꯤꯡ꯫

ꯁ꯭ꯇꯦꯠ ꯑꯃꯁꯨꯡ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯁꯦꯝꯕꯥ꯫

ꯅꯕꯕꯔ꯫

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫

ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ꯫

ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

ꯕꯦꯁꯤꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ꯫

ꯄꯦꯔꯥꯃꯦꯠꯔꯤꯛ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ꯫

ꯐꯖꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ꯫

ꯐꯣꯔꯃꯁꯤꯡ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯇꯧꯕꯥ꯫

ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.꯳ꯒꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ꯫

ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯃꯁꯨꯡ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡ꯫

LESSꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ꯫

ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯈꯨꯠꯂꯥꯌꯁꯤꯡ꯫

ꯃꯦꯀꯐꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯣꯗ꯫

ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫

ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯃꯥ꯫

ꯑꯍꯦꯅꯕꯥ ꯃꯦꯛ ꯑꯦꯄꯁꯤꯡ꯫

ꯀ꯭ꯔꯥꯟꯆ ꯇꯧꯕꯥ꯫

ꯀꯣꯗꯀꯤꯠ꯫

ꯁꯤꯝꯄꯂꯂꯦꯁ ꯑꯣꯏꯕꯥ꯫