bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

made card image switcher

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-06-11 18:04:46 +02:00
parent 5da3b3c90a
commit a771fd9d74
10 changed files with 132 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/themes/custom/materiotheme/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

BIN
web/themes/custom/materiotheme/assets/img/blank.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
web/themes/custom/materiotheme/assets/scripts/main.js
View File

@@ -3,9 +3,6 @@ import Vue from 'vue'
import store from 'vuejs/store'
import router from 'vuejs/route'
// import autofocus from 'vue-autofocus-directive';
// Vue.directive('autofocus', autofocus);
import VUserBlock from 'vuejs/components/Block/UserBlock'
import VMainContent from 'vuejs/components/Content/MainContent'
import VSearchBlock from 'vuejs/components/Block/SearchBlock'

20
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@@ -251,13 +251,23 @@ article.node--type-frontpage{
}
section.images{
position: relative;
img:first-of-type{
z-index:5
}
img:not(:first-of-type){
&, *{width: 100%; height:100%;}
figure{
margin:0;
position: absolute;
top:0; left:0;
z-index:1;
// width: 100%; height:100%;
&:first-of-type{
z-index:5
}
img{
// width: 100%; height:100%;
&.blank{
position: absolute;
top:0; left:0;
z-index: 20;
}
}
}
}
}