dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refonte des nommages de positionnement

Browse source 
.left, .start, .fl WARNING : encore à méditer
This commit is contained in:
raphaelgoettter 2015-03-04 16:45:30 +01:00
parent 7b78556a34
commit c055a499c4
3 changed files with 102 additions and 124 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
less/_01-base.less
View file

@ -287,7 +287,56 @@ table {
/* ==layout and modules */
/* ----------------------------- */
/* float layout */
/* simple blocks alignment */
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
/* text and contents alignment */
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}
/* floating elements */
.fl {
float: left;
}
img.fl {
margin-right: @small-value;
}
.fr {
float: right;
}
img.fr {
margin-left: @small-value;
}
img.fl,
img.fr {
margin-bottom: @tiny-value;
}
/* module, gains superpower "BFC" Block Formating Context */
.mod {
overflow: hidden;
@ -334,62 +383,3 @@ body > script {
display: inline-block;
vertical-align: top;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* blocks alignment */
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
/* text and contents alignment */
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}
/* left (or starting) elements */
.left,
.start {
float: left;
}
img.left,
img.start {
margin-right: @small-value;
}
/* right (or ending) elements */
.right,
.end {
float: right;
}
img.right,
img.end {
margin-left: @small-value;
}
img.left,
img.right,
img.start,
img.end {
margin-bottom: @tiny-value;
}

112
sass/_01-base.scss
View file

@ -276,12 +276,60 @@ table {
margin-bottom: $medium-value;
}
/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */
/* float layout */
/* simple blocks alignment */
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
/* text and contents alignment */
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}
/* floating elements */
.fl {
float: left;
}
img.fl {
margin-right: $small-value;
}
.fr {
float: right;
}
img.fr {
margin-left: $small-value;
}
img.fl,
img.fr {
margin-bottom: $tiny-value;
}
/* module, gains superpower "BFC" Block Formating Context */
.mod {
overflow: hidden;
@ -328,63 +376,3 @@ body > script {
display: inline-block;
vertical-align: top;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* blocks alignment */
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
/* text and contents alignment */
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}
/* left (or starting) elements */
.left,
.start {
float: left;
}
img.left,
img.start {
margin-right: $small-value;
}
/* right (or ending) elements */
.right,
.end {
float: right;
}
img.right,
img.end {
margin-left: $small-value;
}
img.left,
img.right,
img.start,
img.end {
margin-bottom: $tiny-value;
}