corrections composants media et autogrid
This commit is contained in:
parent
35c42d2b4b
commit
c2df542bea
5 changed files with 7 additions and 5 deletions
|
@ -1051,7 +1051,6 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-item-first,
|
.flex-item-first,
|
||||||
|
@ -1743,6 +1742,7 @@ ul.is-unstyled, ul.unstyled {
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==Media object */
|
/* ==Media object */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
/* recommanded HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
|
||||||
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
||||||
@media (min-width: 480px) {
|
@media (min-width: 480px) {
|
||||||
.media {
|
.media {
|
||||||
|
@ -1753,7 +1753,7 @@ ul.is-unstyled, ul.unstyled {
|
||||||
-ms-flex-align: start;
|
-ms-flex-align: start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
.media-media-content {
|
.media-content {
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
-ms-flex: 1;
|
-ms-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
@ -1774,6 +1774,7 @@ ul.is-unstyled, ul.unstyled {
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==Autogrid object */
|
/* ==Autogrid object */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
/* recommanded HTML : <div class="autogrid">... some elements ...</div> */
|
||||||
/* see https://codepen.io/raphaelgoetter/pen/zzwxEE */
|
/* see https://codepen.io/raphaelgoetter/pen/zzwxEE */
|
||||||
@media (min-width: 480px) {
|
@media (min-width: 480px) {
|
||||||
.autogrid {
|
.autogrid {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -107,7 +107,6 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
|
||||||
.flex-item-fluid,
|
.flex-item-fluid,
|
||||||
.item-fluid {
|
.item-fluid {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-item-first,
|
.flex-item-first,
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==Autogrid object */
|
/* ==Autogrid object */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
/* recommanded HTML : <div class="autogrid">... some elements ...</div> */
|
||||||
/* see https://codepen.io/raphaelgoetter/pen/zzwxEE */
|
/* see https://codepen.io/raphaelgoetter/pen/zzwxEE */
|
||||||
|
|
||||||
.autogrid {
|
.autogrid {
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
/* ==Media object */
|
/* ==Media object */
|
||||||
/* ----------------------------- */
|
/* ----------------------------- */
|
||||||
|
/* recommanded HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
|
||||||
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
|
||||||
|
|
||||||
@media (min-width: $tiny) {
|
@media (min-width: $tiny) {
|
||||||
|
@ -8,7 +9,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
&-media-content {
|
&-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue