Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-24 01:30:58 +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>
<div class="border-seperator"></div>
<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">
<img src="../../img/competitions/CreativeJam.png" alt="Logo Creative Jam">
</div>

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

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

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

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