mirror/chota
1
0
Fork 0
mirror of https://github.com/jenil/chota.git synced 2023-08-10 21:13:07 +03:00
Code Issues Projects Releases Wiki Activity

Use combo of .row and .reverse to reverse direction

Browse Source
This commit is contained in:
nicholaswmin 2018-12-02 17:13:23 +02:00
parent 09f9cb2f5e
commit 1dcdcd016f
3 changed files with 5 additions and 761 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

758
dist/chota.css vendored
View File

File diff suppressed because one or more lines are too long

6
docs/_includes/grid.html
View File

@ -168,8 +168,8 @@
<hr>
<h5>Reverse Direction</h5>
<p>Add <code>.row-reverse</code> to the <code>.row</code> to reverse the column direction. </p>
<div class="row row-reverse">
<p>Add <code>.reverse</code> to the <code>.row</code> to reverse the column direction. </p>
<div class="row reverse">
<div class="col-6">
<div class="card is-center">.col-6</div>
</div>
@ -181,7 +181,7 @@
</div>
</div>
{% highlight html %}
<div class="row row-reverse">
<div class="row reverse">
<div class="col-6">
<div class="card is-center">.col-6</div>
</div>

2
src/_grid.css
View File

@ -13,7 +13,7 @@
margin-right: calc(var(--grid-gutter) / -2);
}
.row-reverse {
.row.reverse {
flex-direction: row-reverse;
}