prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[enh] full css support for pictures group

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-05 00:20:45 +01:00
parent a50f5d177a
commit 942ab91a2f
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
materialize/css/style-page.css
View File

@ -28,16 +28,20 @@ section {
} }
.pictures-line { .pictures-line {
min-width: 80%;
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
margin-right: 10%; margin-right: 10%;
display: flex;
} }
.pictures-line img { .pictures-line .picture img {
position: relative; width: 100%;
display: inline; height: 100%;
width: 33%; }
height: auto;
.pictures-line .separator {
min-width: 15px;
} }
footer { footer {

14
templates/page-example.html
View File

@ -22,9 +22,17 @@
<section class="pictures-group"> <section class="pictures-group">
<div class="pictures-line"> <div class="pictures-line">
<img src="./1.png"> <div class="picture">
<img src="./1.png"> <img src="./1-small.png">
<img src="./1.png"> </div>
<div class="separator"></div>
<div class="picture">
<img src="./2-small.png">
</div>
<div class="separator"></div>
<div class="picture">
<img src="./1-small.png">
</div>
</div> </div>
</section> </section>