Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Commit

Permalink
docs(image-list): Add photos to demos (#2416)
Browse files Browse the repository at this point in the history
  • Loading branch information
@kfranqueiro
kfranqueiro authored Mar 16, 2018
1 parent 2950b3e commit 04b9ea0
Show file tree
Hide file tree
Showing 26 changed files with 31 additions and 30 deletions.
60 changes: 30 additions & 30 deletions demos/image-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,119 +185,119 @@ <h1 class="mdc-typography--headline">Standard Image List</h1>
<ul id="standard-image-list" class="mdc-image-list standard-image-list">
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/1.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/2.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/3.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/4.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/5.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/6.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/7.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/8.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/9.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/10.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/11.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/12.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/13.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/14.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/15.jpg">
</div>
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
Expand Down Expand Up @@ -340,91 +340,91 @@ <h1 class="mdc-typography--headline">Masonry Image List</h1>
</div>
<ul id="masonry-image-list" class="mdc-image-list mdc-image-list--masonry masonry-image-list">
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/16.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/1.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/4-3.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/1.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/2.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/4-3.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/3.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/2.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/4.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/3.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/5.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/4.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/6.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/4-3.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/5.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/1-1.jpg">
<img class="mdc-image-list__image" src="images/photos/2x3/7.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/16-9.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/6.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
</li>
<li class="mdc-image-list__item">
<img class="mdc-image-list__image" src="images/4-3.jpg">
<img class="mdc-image-list__image" src="images/photos/3x2/7.jpg">
<div class="mdc-image-list__supporting">
<span class="mdc-image-list__label">Text label</span>
</div>
Expand Down
1 change: 1 addition & 0 deletions demos/image-list.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@
}

.mdc-image-list.standard-image-list {
@include mdc-image-list-aspect(1.5); // Images are 3:2
@include mdc-image-list-standard-columns(5);

max-width: 1000px;
Expand Down
Binary file added demos/images/photos/2x3/1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/5.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/6.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/7.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/2x3/8.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/10.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/11.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/12.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/13.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/14.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/15.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/16.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/5.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/6.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/7.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/8.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demos/images/photos/3x2/9.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 04b9ea0

Please sign in to comment.