mitri4
/
LilSchool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update gallery styles

Browse Source
remotes/origin/hasaccess
Ivlev Denis 8 years ago
parent 007ea75977
commit 17a6516bd7
2 changed files with 69 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 82
      project/templates/blocks/gallery.html
  2. 12
      web/src/sass/_common.sass

82
project/templates/blocks/gallery.html
Unescape View File

@ -11,43 +11,79 @@
</div> </div>
<div class="gallery"> <div class="gallery">
<div class="gallery__grid"> <div class="gallery__grid">
<div class="gallery__item gallery__item_lg"> <div
class="gallery__item gallery__item_lg"
style="background-image: url({% get_media_prefix %}instagram/results/0.jpg);"
>
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'"> <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/1.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/2.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/3.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/4.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/5.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
</div> </div>
<div class="gallery__grid"> <div class="gallery__grid">
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/6.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/7.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/8.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item gallery__item_lg"> <div class="gallery__item gallery__item_lg"
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'"> style="background-image: url({% get_media_prefix %}instagram/results/9.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/10.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
<div class="gallery__item"> <div
<img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'"> class="gallery__item"
style="background-image: url({% get_media_prefix %}instagram/results/11.jpg);"
>
{% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'"> {% endcomment %}
</div> </div>
</div> </div>
</div> </div>

12
web/src/sass/_common.sass
Unescape View File

@ -1319,16 +1319,22 @@ a[name]
+t +t
display: none display: none
&__item &__item
background-position: center center;
background-size: cover;
float: left float: left
width: calc(33.33% - 20px) width: 140px
height: 140px
margin: 0 10px 20px margin: 0 10px 20px
+m +m
width: calc(33.33% - 10px) width: 140px
height: 140px
margin: 0 5px 10px margin: 0 5px 10px
&_lg &_lg
width: calc(66.66% - 20px) width: 300px
height: 300px
+m +m
width: calc(66.66% - 10px) width: calc(66.66% - 10px)
height: calc(66.66% - 10px)
&:nth-child(4) &:nth-child(4)
clear: both clear: both
&__pic &__pic

Write Preview
Loading…
Cancel
Save