bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
Kevin Tessier 2019-08-21 14:40:21 +02:00
parent b7b5c21e5e
commit ffcb0523f1
3 changed files with 296 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
user/themes/lecampus/css-compiled/theme.css
View File

File diff suppressed because one or more lines are too long

2
user/themes/lecampus/css-compiled/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

328
user/themes/lecampus/scss/theme/_mobile.scss
View File

@ -1,60 +1,20 @@
@media screen and (max-width: 1450px) {
header{
&> nav{
width: 90%;
}
}
}
@media screen and (max-width: 1024px) {
header > nav{
width: 90%!important;
}
.gal{
.title_gal{
top: 15vw!important;
max-width: 60%!important;
}
}
#item{
.content{
// width: 80%!important;
.icones{
flex-wrap: nowrap!important;
}
}
}
#item .demander-votre-devis,
#sublog .demander-votre-devis{
width: 300px!important;
height: 110px!important;
a{
display: inline-flex!important;
}
p:nth-of-type(2){
display: none!important;
}
img{
margin-left: 20px!important;
margin-top: 0px!important;
}
}
#devis{
.txt{
width: 35%!important;
}
.demander-votre-devis{
-webkit-transform: translate(0%, -125%)!important;
transform: translate(0%, -125%)!important;
}
}
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
width: 50%!important;
}
}
@media screen and (max-width: 960px) {
@media screen and (max-width: 1080px) {
header{
&> nav{
width: 100%!important;
}
}
}
@media screen and (max-width: 1024px) {
header nav{
position: relative;
width: 90%;
@ -279,6 +239,276 @@
}
}
}
.gal{
.title_gal{
top: 15vw!important;
max-width: 60%!important;
}
}
#item{
.content{
// width: 80%!important;
.icones{
flex-wrap: nowrap!important;
}
}
}
#item .demander-votre-devis,
#sublog .demander-votre-devis{
width: 300px!important;
height: 110px!important;
a{
display: inline-flex!important;
}
p:nth-of-type(2){
display: none!important;
}
img{
margin-left: 20px!important;
margin-top: 0px!important;
}
}
#devis{
.txt{
width: 35%!important;
}
.demander-votre-devis{
-webkit-transform: translate(0%, -125%)!important;
transform: translate(0%, -125%)!important;
}
}
#newsletter #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
width: 50%!important;
}
}
@media screen and (max-width: 960px) {
// header nav{
// position: relative;
// width: 90%;
// .dropmenu{
// background: white;
// display: none;
// position: absolute;
// left: -6%;
// top: 100px;
// width: auto!important;
// height: auto;
// &>ul{
// flex-direction: column!important;
// &>li{
// text-align: left;
// &>ul{
// margin: auto;
// &>li{
// text-align: left;
// margin-left: 10px;
// a{
// font-family: $Regular;
// }
// }
// }
// &> a{
// border: none;
// line-height: 2rem;
// }
// }
// }
// &.active{
// display: block;
//
// }
// }
// .logo{
// margin: auto;
// }
// .navTrigger {
// cursor: pointer;
// width: 30px;
// height: 25px;
// margin: auto 0;
// left: 0;
// top: 0;
// bottom: 0;
// }
// .navTrigger i {
// background-color: $light-blue;
// border-radius: 2px;
// content: '';
// display: block;
// width: 100%;
// height: 4px;
// }
// .navTrigger i:nth-child(1) {
// -webkit-animation: outT 0.8s backwards;
// animation: outT 0.8s backwards;
// -webkit-animation-direction: reverse;
// animation-direction: reverse;
// }
// .navTrigger i:nth-child(2) {
// margin: 5px 0;
// -webkit-animation: outM 0.8s backwards;
// animation: outM 0.8s backwards;
// -webkit-animation-direction: reverse;
// animation-direction: reverse;
// }
// .navTrigger i:nth-child(3) {
// -webkit-animation: outBtm 0.8s backwards;
// animation: outBtm 0.8s backwards;
// -webkit-animation-direction: reverse;
// animation-direction: reverse;
// }
// .navTrigger.active i:nth-child(1) {
// -webkit-animation: inT 0.8s forwards;
// animation: inT 0.8s forwards;
// }
// .navTrigger.active i:nth-child(2) {
// -webkit-animation: inM 0.8s forwards;
// animation: inM 0.8s forwards;
// }
// .navTrigger.active i:nth-child(3) {
// -webkit-animation: inBtm 0.8s forwards;
// animation: inBtm 0.8s forwards;
// }
// @-webkit-keyframes inM {
// 50% {
// -webkit-transform: rotate(0deg);
// }
// 100% {
// -webkit-transform: rotate(45deg);
// }
// }
// @keyframes inM {
// 50% {
// -webkit-transform: rotate(0deg);
// transform: rotate(0deg);
// }
// 100% {
// -webkit-transform: rotate(45deg);
// transform: rotate(45deg);
// }
// }
// @-webkit-keyframes outM {
// 50% {
// -webkit-transform: rotate(0deg);
// }
// 100% {
// -webkit-transform: rotate(45deg);
// }
// }
// @keyframes outM {
// 50% {
// -webkit-transform: rotate(0deg);
// transform: rotate(0deg);
// }
// 100% {
// -webkit-transform: rotate(45deg);
// transform: rotate(45deg);
// }
// }
// @-webkit-keyframes inT {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(9px) rotate(135deg);
// }
// }
// @keyframes inT {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(9px) rotate(0deg);
// transform: translateY(9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(9px) rotate(135deg);
// transform: translateY(9px) rotate(135deg);
// }
// }
// @-webkit-keyframes outT {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(9px) rotate(135deg);
// }
// }
// @keyframes outT {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(9px) rotate(0deg);
// transform: translateY(9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(9px) rotate(135deg);
// transform: translateY(9px) rotate(135deg);
// }
// }
// @-webkit-keyframes inBtm {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(-9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(-9px) rotate(135deg);
// }
// }
// @keyframes inBtm {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(-9px) rotate(0deg);
// transform: translateY(-9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(-9px) rotate(135deg);
// transform: translateY(-9px) rotate(135deg);
// }
// }
// @-webkit-keyframes outBtm {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(-9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(-9px) rotate(135deg);
// }
// }
// @keyframes outBtm {
// 0% {
// -webkit-transform: translateY(0px) rotate(0deg);
// transform: translateY(0px) rotate(0deg);
// }
// 50% {
// -webkit-transform: translateY(-9px) rotate(0deg);
// transform: translateY(-9px) rotate(0deg);
// }
// 100% {
// -webkit-transform: translateY(-9px) rotate(135deg);
// transform: translateY(-9px) rotate(135deg);
// }
// }
// }
.gal{
.title_gal{
max-width: 80%!important;