ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ 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
@@dropdownDividerTop #e5e5e5
@@dropdownDividerBottom @white

ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ꯫

@heroUnitBackground @grayLighter
@heroUnitHeadingColor inherit
@heroUnitLeadColor inhereit

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

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

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

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

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

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

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

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

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

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

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

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

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫ ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫ ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
.clearfix() ꯑꯃꯠꯇ ꯅꯠꯇꯦ ꯃꯅꯨꯡꯗꯥ ꯐ꯭ꯂꯣꯇꯁꯤꯡ ꯀ꯭ꯂꯤꯌꯔ ꯇꯧꯅꯕꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
.tab-focus() ꯑꯃꯠꯇ ꯅꯠꯇꯦ ꯋꯦꯕꯀꯤꯠ ꯐꯣꯀꯁ ꯁ꯭ꯇꯥꯏꯜ ꯑꯃꯁꯨꯡ ꯒꯣꯜꯗ ꯐꯥꯏꯔꯐꯛꯁ ꯑꯥꯎꯇꯂꯥꯏꯟ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
.center-block() ꯑꯃꯠꯇ ꯅꯠꯇꯦ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯇꯣ ꯁꯦꯟꯇꯔ ꯇꯧꯕꯥ꯫margin: auto
.ie7-inline-block() ꯑꯃꯠꯇ ꯅꯠꯇꯦ display: inline-blockIE7 ꯁꯄꯣꯔꯠ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯊꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
.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 ꯀꯂꯃꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯁꯦꯝꯃꯨ꯫
.hyphens() @mode: auto ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯃꯇꯃꯗꯥ CSS3 ꯍꯥꯏꯐꯦꯟ ꯇꯧꯕꯥ (ꯌꯥꯑꯣꯏ word-wrap: break-word)

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

ꯃꯤꯛꯁꯤꯟ ꯇꯧꯕꯥ꯫ ꯄꯦꯔꯥꯃꯤꯇꯔꯁꯤꯡ꯫ ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
#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 ꯑꯗꯨ ꯃꯦꯊꯗꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯒꯗꯕꯅꯤ꯫

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

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

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

$ npm ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ -g less jshint ꯔꯤꯁꯦꯁ 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 ꯐꯥꯏꯂꯁꯤꯡ ꯗ꯭ꯔꯦꯒ ꯑꯃꯁꯨꯡ ꯗ꯭ꯔꯣꯞ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯦꯛ, ꯂꯤꯅꯥꯛꯁ, ꯑꯃꯁꯨꯡ ꯄꯤ.ꯁꯤ. ꯄ꯭ꯂꯥꯁ, ꯁꯣꯔꯁ ꯀꯣꯗ ꯑꯁꯤ GitHub ꯗꯥ ꯂꯩ꯫