Minus per Bootstrap

Mos et Bootstrap cum minore praecessore CSS extendere , uti variabilium, mixinorum , et plurium CSS fabricandi usus est Bootstrap.

Quid minoi?

Bootstrap cum minori in suo nucleo facta est, lingua dynamica a nostro bono amico facta, Alexis Sellier . Ratio explicandi substructio CSS citius, facilius, et magis iocum facit.

Quid comprehendit?

Prorogatio CSS, MINOR variabiles includit, mixins pro reusable excerpta codicis, operationes pro simplici math, nidificatione, ac etiam functionibus coloratis.

Discere plus

Visita rutrum in http://lesscss.org/ ut plura discas.

Variabilium

Colores et pixel bona in CSS administrandi paulum doloris esse potest, plerumque copia et crustulum plena. Non minori quamquam-colores vel pixel assignant variabiles valores ac semel mutantes.

Mixins

Illos tres terminos radiorum declarationes debes facere in regulari OL' CSS? Nunc ad unam lineam mixins adiuvante descendunt, excerpta codicis alicubi reuse potes.

Operationes

Fac tibi euismod, ducens, et magis flexibilem faciens math in musca cum operationibus. Multiplica, divide, adde et subtrahe ad sanitatem css.

Pegmata et nexus

`@bodyBackground`	`@white`	Page background color
`@textColor`	`@grayDark`	Default text color pro toto corpore, capitulorum, et plus
`@linkColor`	`#08c`	Default link color
`@linkColorHover`	`darken(@linkColor, 15%)`	Default link color color text

Eget ratio

`@gridColumns`	12
`@gridColumnWidth`	60px
`@gridGutterWidth`	20px
`@fluidGridColumnWidth`	6.382978723%
`@fluidGridGutterWidth`	2.127659574%

Typographia

`@sansFontFamily`	"Helvetica Neue", Helvetica, Arial, sans-serif
`@serifFontFamily`	`Georgia, "Times New Roman", Times, serif`
`@monoFontFamily`	Menlo, Monaco, "Courier New", monospace .
`@baseFontSize`	13px	Oportet elementa
`@baseFontFamily`	`@sansFontFamily`
`@baseLineHeight`	18px	Oportet elementa
`@altFontFamily`	`@serifFontFamily`
`@headingsFontFamily`	`inherit`
`@headingsFontWeight`	`bold`
`@headingsColor`	`inherit`

Tabulae

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

Cineraceorum colorum

`@black`	#000
`@grayDarker`	#222
`@grayDark`	#333
`@gray`	#555
`@grayLight`	#999
`@grayLighter`	#eee
`@white`	#fff

Accentus colorum

`@blue`	#049cdb
`@green`	#46a546
`@red`	#9d261d
`@yellow`	#ffc40d
`@orange`	#f89406
`@pink`	#c3325f
`@purple`	#7a43b6

Components

Bullae

`@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`

Formae

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

Forma civitatibus ac summis

`@warningText`	#c09853
`@warningBackground`	#f3edd2
`@errorText`	#b94a48
`@errorBackground`	#f2dede
`@successText`	#468847
`@successBackground`	#dff0d8
`@infoText`	#3a87ad
`@infoBackground`	#d9edf7

Navbar

`@navbarHeight`	40px
`@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`

Dropdowns

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

Hero unit

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

De mixins

Basic mixins

Mixinum fundamentale essentialiter includit vel partialem pro PRAECISIO CSS. Scripta sunt sicut classis CSS et alicubi dici potest.

. elementum {
  . clearfix ();
}

Parametric mixins

Parametrica mixin sicut mixin fundamentalis est, sed etiam parametros (unde nomen) cum valoribus defaltis libitum accipit.

. elementum {
  . border - radius ( 4px );
}

Facile adde tua

Fere omnia mixins Bootstrap in mixins.less, mira utilitas et minus lima quae efficit ut mixin in aliquo .less lima in toolkit utatur.

Perge igitur et entibus utere vel ut sponte sentias addere quod tibi opus est.

includitur mixins

Utilitas

Mixin	Morbi laoreet	Consuetudinem
`.clearfix()`	nullus	Addere cuilibet parens ut patet ratibus intus
`.tab-focus()`	nullus	Applicare Webkit focus stilum et circum Firefox lineamenta
`.center-block()`	nullus	Auto centrum ad obstructionum-gradu elementum utens`margin: auto`
`.ie7-inline-block()`	nullus	Utere praeter iusto `display: inline-block`ad firmamentum IE7
`.size()`	`@height @width`	Cito pone altitudinem et latitudinem in una linea
`.square()`	`@size`	Latitudo `.size()`et altitudo ejusdem valoris superaedificat
`.opacity()`	`@opacity`	Opacitas recipis (eg, 50" vel 75, in numeris integris.

Formae

Mixin	Morbi laoreet	Consuetudinem
`.placeholder()`	`@color: @placeholderText`	Constitue `placeholder`textum color pro initibus

Typographia

Mixin	Morbi laoreet	Consuetudinem
`#font > #family > .serif()`	nullus	Fac elementum uti serif font acervus
`#font > #family > .sans-serif()`	nullus	Fac elementum uti sans-serif font acervus
`#font > #family > .monospace()`	nullus	Fac elementum uti monospace font ACERVUS
`#font > .shorthand()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	Facile pone font magnitudinem, pondus, et ducens
`#font > .serif()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	Pone familiam fontalem ad serif, et regere magnitudinem, pondus et ducens
`#font > .sans-serif()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	Constitue familiam fontanam ad sans-serif, et magnitudinem, pondus, et ducens
`#font > .monospace()`	`@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight`	Pone familiam fontalem ad monospatium, ac magnitudinem, pondus, et ad imperium

Eget ratio

Mixin	Morbi laoreet	Consuetudinem
`.container-fixed()`	nullus	Create horizontaliter sitas contenta continens pro vestra
`#grid > .core()`	`@gridColumnWidth, @gridGutterWidth`	Pixela eget systematis (continens, row, et columnas) cum n columnis et x pixel latae stillicidium
`#grid > .fluid()`	`@fluidGridColumnWidth, @fluidGridGutterWidth`	Systema eget systematis recentis generare cum columnis n et x % latis guttulis
`#grid > .input()`	`@gridColumnWidth, @gridGutterWidth`	Elementa pixel eget systema generare `input`, Nullam ac finibus rationem
`.makeColumn`	`@columns: 1, @offset: 0`	Vertere aliquem `div`in columna euismod sine `.span*`classibus

CSS3 possessiones

Mixin	Morbi laoreet	Consuetudinem
`.border-radius()`	`@radius`	Elementi per angulos. Potest esse unius pretii vel quattuor spatii-separatis valoribus
`.box-shadow()`	`@shadow`	Addere stilla umbra elementi
`.transition()`	`@transition`	Adde CSS3 effectus transitus (eg, `all .2s linear`)
`.rotate()`	`@degrees`	Gyrari elementum n gradus
`.scale()`	`@ratio`	Ascendite elementum ad n tempora sua originali magnitudine
`.translate()`	`@x, @y`	Movere elementum in planis x et y
`.background-clip()`	`@clip`	Seges background elementi (utilis est `border-radius`)
`.background-size()`	`@size`	Imagines moderari magnitudinem background CSS3 per "
`.box-sizing()`	`@boxmodel`	Mutare exemplar archa pro elemento (exempli `border-box`gratia plena latitudo `input`)
`.user-select()`	`@select`	Imperium cursor lectio of text in pagina
`.backface-visibility()`	`@visibility: visible`	Ne micantes contenti usus css 3D transformat
`.resizable()`	`@direction: both`	Fac quodlibet elementum resizable in dextro et fundo
`.content-columns()`	`@columnCount, @columnGap: @gridGutterWidth`	Fac contentum cuiuslibet elementi uti columnis CSS3

Backgrounds et graduum

Mixin	Morbi laoreet	Consuetudinem
`#translucent > .background()`	`@color: @white, @alpha: 1`	Da elementum translucidum background color
`#translucent > .border()`	`@color: @white, @alpha: 1`	Da elementum color terminus translucens
`#gradient > .vertical()`	`@startColor, @endColor`	Creare crucis-bruncula verticali background gradiente
`#gradient > .horizontal()`	`@startColor, @endColor`	Partum in crucem-browser plano horizontali gradiente
`#gradient > .directional()`	`@startColor, @endColor, @deg`	Partum crucis-pasco directional background CLIVUS
`#gradient > .vertical-three-colors()`	`@startColor, @midColor, @colorStop, @endColor`	Partum crucis-pasco tres color background gradiente
`#gradient > .radial()`	`@innerColor, @outerColor`	Partum crucis-pasco radialis background CLIVUS
`#gradient > .striped()`	`@color, @angle`	Partum in crucem-brunculata striata background CLIVUS
`#gradientBar()`	`@primaryColor, @secondaryColor`	Pro globulis assignare clivum et limitem leviter obscuriorem

Nota: Si petitionem trahere ad GitHub cum CSS modificatis exhibeas, debes CSS per quemlibet horum modorum rescribere.

Instrumenta componendis

Nodi cum makefile

Instrue minus mandatum lineae compilatoris et globally-js deformis cum npm currendo mandatum hoc:

$ npm install -g minus deformem-js

Semel inauguratus es iustus makee radice presul tui bootstrap et omnes positi es.

Accedit, si speculator inauguratus es, currere potes ut make watchbootstrap automatice reaedificata omni tempore limam in bootstrap lib (hoc non exigatur, modo commodum sit).

Imperium linea

Linea instrumenti per Node inaugurare iubes et sequentia praecipere;

$ lessc ./less/bootstrap.less > bootstrap.css

Vide ut --compressillud praeceptum comprehendas si bytes aliquos servare conaris!

Javascript

Download latest Less.js and include the path to it (and Bootstrap) in the <head>.

<link rel = "stylesheet/less" href = "/path/to/bootstrap.less" > <script src = "/path/to/less.js" ></script>

Files .less recomplare, tantum serva et paginam tuam reload. Less.js conficit ac reponit in loci reposita.

Priyatus Mac app

Mac app privatus directoria minorum imaginum custodit et codicem ad files locales componit postquam singulis praeter fasciculi speculatoris .less.

Si libet, optiones toggle in app pro latae miniificationis et quae directorium imaginum compilatarum desinunt in.

Aedificavit cum minori

Quid minoi?

Quid comprehendit?

Discere plus

Variabilium

Mixins

Operationes

Bootstrap variabiles minus variabiles, eorum valores, ac usus lineamenta

Pegmata et nexus

Eget ratio

Typographia

Tabulae

Cineraceorum colorum

Accentus colorum

Components

Bullae

Formae

Forma civitatibus ac summis

Navbar

Dropdowns

Hero unit

Bootstrap mixins

De mixins

Basic mixins

Parametric mixins

Facile adde tua

includitur mixins

Utilitas

Formae

Typographia

Eget ratio

CSS3 possessiones

Backgrounds et graduum

Componendis Bootstrap cum minori

Instrumenta componendis

Nodi cum makefile

Imperium linea

Javascript

Priyatus Mac app

Magis Mac apps

Crunch

CodeKit

simplicitas