Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-25 10:10:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center Slider in mobile

Browse Source
This commit is contained in:
Massimo Di Lullo 2019-09-01 22:29:17 -04:00
parent 810dc67dd4
commit a73ab5eb97
4 changed files with 36 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/view/fr/index.html
View File

@ -140,7 +140,7 @@
<h2>Compétitions</h2> <h2>Compétitions</h2>
<div class="border-seperator"></div> <div class="border-seperator"></div>
<div class="columns is-centered"> <div class="columns is-centered">
<div class="slider column is-three-fifths-tablet is-three-quarters-mobile"> <div class="slider column is-three-fifths-tablet is-four-fifths-mobile">
<div class="slider-item"> <div class="slider-item">
<img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam"> <img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam">
</div> </div>

57
resources/sass/_partials/_general.scss
View File

@ -257,40 +257,43 @@ section#competitions, section#partenaires {
} }
section#competitions { section#competitions {
.slider .slider { .slider {
overflow: hidden; margin: 0;
.slider {
overflow: hidden;
.slider-navigation-previous, .slider-navigation-next { .slider-navigation-previous, .slider-navigation-next {
width: 48px; width: 48px;
height: 48px; height: 48px;
opacity: 0.75; opacity: 0.75;
&:hover { &:hover {
opacity: 1; opacity: 1;
}
svg {
width: 36px;
height: 36px;
}
} }
svg { .slider-navigation-previous {
width: 36px; border-top-left-radius: 0px;
height: 36px; border-bottom-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
} }
}
.slider-navigation-previous { .slider-navigation-next {
border-top-left-radius: 0px; border-top-left-radius: 8px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 8px;
border-top-right-radius: 8px; border-top-right-radius: 0px;
border-bottom-right-radius: 8px; border-bottom-right-radius: 0px;
} }
.slider-navigation-next { .slider-item {
border-top-left-radius: 8px; text-align: center;
border-bottom-left-radius: 8px; }
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.slider-item {
text-align: center;
} }
} }
} }

4
resources/sass/_partials/_media.scss
View File

@ -112,6 +112,10 @@
section#competitions, section#partenaires { section#competitions, section#partenaires {
padding: 2rem 0.5rem; padding: 2rem 0.5rem;
.slider.column {
margin-left: 10%;
}
.border-seperator { .border-seperator {
border-top-width: 2px; border-top-width: 2px;
} }