bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header & zoom in

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-03-04 11:23:46 +01:00
parent 1118fcbda0
commit 32be3a1730
10 changed files with 365 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
View File

@@ -50,11 +50,17 @@
font-weight: 500;
font-size: $font-normal;
margin-left: 1rem;
@media (max-width:810px) {
margin-left: 0;
}
}
.field_body{
grid-column: 3 /span 8;
grid-row: 2;
margin-left: 1rem;
@media (max-width:810px) {
margin-left: 0;
}
}
.field_field_lien{
@@ -64,6 +70,9 @@
width: fit-content;
padding-bottom: 0.5rem;
margin-left: 1rem;
@media (max-width:810px) {
margin-left: 0;
}
a{
display: inline-flex;

108
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@@ -10,11 +10,6 @@
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
// width: 70%;
// margin: auto;
@media(max-width: 891px){
// width: 90%;
}
@media (max-width:500px) {
padding-top: 0;
}
@@ -30,6 +25,10 @@
.field_body{
padding-left: 20%;
padding-right: 20%;
@media (max-width:810px) {
padding-left: 13%;
padding-right: 13%;
}
@media (max-width:640px) {
padding-left: 10%;
padding-right: 10%;
@@ -54,6 +53,10 @@
padding-bottom: 1rem;
padding-left: 20%;
padding-right: 20%;
@media (max-width:810px) {
padding-left: 13%;
padding-right: 13%;
}
@media (max-width:640px) {
padding-left: 10%;
padding-right: 10%;
@@ -93,21 +96,36 @@
.field_field_texte div:nth-child(2){
display: flex;
flex-direction: row;
@media(max-width: 500px){
flex-direction: column;
}
p{
padding-right: 30px;
text-align: left;
color: $blue_QDD;
@media(max-width: 500px){
padding-right: 0px;
text-align: center;
}
}
}
}
#paragraph-id--8{
.field_field_texte div:nth-child(2){
display: flex;
flex-direction: row;
@media(max-width: 500px){
flex-direction: column;
}
p{
padding-right: 30px;
text-align: left;
@media(max-width: 500px){
padding-right: 0px;
text-align: center;
}
}
}
}
@@ -130,73 +148,33 @@
#paragraph-id--9{
img{
width: -moz-available;
width: 100%;
height: auto;
cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
&:hover{
filter: brightness(75%);
transition: 0.2s;
}
}
.zoom_in{
-ms-transform: scale(1.7); /* IE 9 */
-webkit-transform: scale(1.7); /* Safari 3-8 */
transform: scale(1.7);
max-width: 100vw;
overflow-x: scroll;
&:hover{
filter: brightness(100%);
transition: 0.2s;
cursor:url(/img/layout/backgrounds/zoom.cur),-moz-zoom-out;
overflow-x: scroll;
}
}
}
}
}
}
}
aside{
position: relative;
grid-column: 1 /span 2;
grid-row: 1;
z-index: 100;
order: 1;
margin-top: 5rem;
@media(max-width:891px){
margin-left: 5%;
margin-top: 9rem;
}
@media (max-width:500px) {
width: 80%;
margin-top: 3rem;
}
.sidebar_first_container{
position: -webkit-sticky;
position: sticky;
top: 10rem;
font-weight: 400;
.field-content{
margin-bottom: 0.7rem;
}
@media (max-width: 810px){
display: none;
}
}
.views-field-field-pieces-jointes{
.field-content{
display: flex;
flex-direction: column;
.file--application-pdf{
display: inline-flex;
a{
display: block;
font-size: small;
font-weight: 800;
}
&::before{
content: url(../images/noun-arrow-download.svg);
margin: auto;
padding-right: 00.5rem;
}
}
span{
font-size: small;
font-weight: 800;
&:nth-child(2){
margin-left: 50px;
align-self: center;
}
}
}
}
}
}
}