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

adding .start and .end classes

This commit is contained in:
Raphael Goetter 2014-04-20 20:02:32 +02:00
parent b1970263cc
commit a20f157800
2 changed files with 29 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/01-base.css
View File

@ -309,23 +309,29 @@ body > script {
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left elements */
.left {
/* left (or starting) elements */
.left,
.start {
float: left;
}
img.left {
img.left,
img.start {
margin-right: 1em;
}
/* right elements */
.right {
/* right (or ending) elements */
.right,
.end {
float: right;
}
img.right {
img.right,
img.end {
margin-left: 1em;
}
img.left,
img.right {
margin-bottom: 5px;
img.right,
img.start,
img.end {
margin-bottom: 0.5em;
}
.center {
margin-left: auto;

25
less/01-base.less
View File

@ -296,22 +296,27 @@ body > script {display: none !important;}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left elements */
.left {
/* left (or starting) elements */
.left,
.start {
float: left;
}
img.left {
margin-right: 1em;
img.left,
img.start {
margin-right: @small-value;
}
/* right elements */
.right {
/* right (or ending) elements */
.right,
.end {
float: right;
}
img.right {
margin-left: 1em;
img.right,
img.end {
margin-left: @small-value;
}
img.left, img.right {
margin-bottom: 5px;
img.left, img.right,
img.start, img.end {
margin-bottom: @tiny-value;
}
.center { margin-left: auto; margin-right: auto; }
.txtleft { text-align: left; }