Skip to content

Commit 2f5b20a

Browse files
BroemmanBroemman
committed
Theme Sambreville - Homepage Agenda
1 parent 8e88b8f commit 2f5b20a

File tree

7 files changed

+165
-22
lines changed

7 files changed

+165
-22
lines changed

‎sambreville/src/scss/agenda.scss‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,18 @@
2323
}
2424
}
2525

26+
.see_all a {
27+
width: 100%;
28+
}
29+
2630
.section-title {
27-
font-weight: 500;
31+
font-weight: 300;
2832
text-transform: none;
2933
position: relative;
3034
color: $primary-dark;
3135
text-align: left;
3236
margin-bottom: 1rem;
37+
font-size: 64px;
3338
}
3439

3540
@media screen and (max-width: 950px) {
@@ -71,18 +76,22 @@
7176
padding: 5px 10px;
7277
font-size: 16px;
7378
text-transform: capitalize;
79+
color: #fff;
7480
}
7581
}
7682

7783
.table_date {
78-
font-size: 10px;
84+
font-size: 18px;
7985
transition: all 0.3s ease;
86+
color: $primary-dark;
87+
font-weight: 100;
8088
}
8189

8290
.table_title {
83-
font-size: 16px;
91+
font-size: 28px;
8492
font-weight: 500;
8593
transition: all 0.3s ease;
94+
color: $primary-dark;
8695
}
8796

8897
&:hover {
@@ -107,3 +116,7 @@
107116
}
108117
}
109118
}
119+
120+
.swiper-slide .swiper_date {
121+
font-weight: 100;
122+
}

‎sambreville/src/scss/divers.scss‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
#gdpr-consent-banner > span {
2+
padding-right: 0;
3+
text-align: center;
4+
margin-bottom: 30px;
5+
width: 100%;
6+
font-size: 17px;
7+
color: $primary-dark;
8+
}
9+
10+
#gdpr-consent-banner .gdpr-actions input[name="consent"] {
11+
background: $primary-dark;
12+
border: 2px solid $primary-dark;
13+
color: #fff;
14+
font-size: 17px;
15+
16+
&:hover {
17+
background: $primary;
18+
}
19+
}
20+
21+
#gdpr-consent-banner .gdpr-actions > a {
22+
background: $primary-dark;
23+
border: 2px solid $primary-dark;
24+
color: #fff;
25+
font-size: 17px;
26+
27+
&:hover {
28+
background: $primary;
29+
}
30+
}
31+
32+
#gdpr-consent-banner .gdpr-actions input[name="refuse"] {
33+
background: $primary-dark;
34+
color: #fff;
35+
cursor: pointer;
36+
display: inline-block;
37+
margin: initial;
38+
text-decoration: initial;
39+
background-position: #fff;
40+
border: 2px solid $primary-dark;
41+
font-size: 17px;
42+
font-weight: 700;
43+
padding: 1rem 2rem;
44+
margin-left: 0.6rem;
45+
46+
&:hover {
47+
background: $primary;
48+
}
49+
}
50+
51+
//MENU
52+
#portal-header #portal-header-top #portal-globalnav-wrapper {
53+
margin: 0 1rem 0 3rem;
54+
}

‎sambreville/src/scss/footer.scss‎

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,32 @@ footer#portal-footer-wrapper {
22
background: $primary-dark;
33
padding: 4rem 0;
44
color: #fff;
5+
margin-top: 50px;
56

67
h2,
78
h3,
89
a {
910
color: #fff;
1011
}
1112

12-
div#portal-colophon {
13-
padding: 10px 0;
14-
background: $primary;
13+
.contact_informations_social {
14+
display: grid;
15+
}
16+
}
17+
18+
div#portal-colophon {
19+
padding: 10px 0;
20+
background: $primary;
1521

16-
.colophonWrapper ul {
17-
gap: 1rem;
18-
justify-content: center;
19-
text-align: center;
20-
display: flex;
21-
margin-bottom: 0;
22+
.colophonWrapper ul {
23+
gap: 1rem;
24+
justify-content: center;
25+
text-align: center;
26+
display: flex;
27+
margin-bottom: 0;
2228

23-
li a {
24-
color: #fff;
25-
}
29+
li a {
30+
color: #fff;
2631
}
2732
}
2833
}

‎sambreville/src/scss/homepage.scss‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
@include media-breakpoint-down(lg) {
2+
.smartweb_herobanner .bannerSwiper {
3+
height: 275px;
4+
}
5+
6+
.sectiontext.visuel-agenda {
7+
display: none;
8+
}
9+
10+
footer .smartweb-footer .container .row {
11+
flex-direction: column;
12+
width: 100%;
13+
max-width: 100%;
14+
align-items: center;
15+
align-content: center;
16+
text-align: center;
17+
}
18+
19+
footer
20+
.smartweb-footer
21+
.container
22+
.row
23+
.sortable-section.sectionlinks.quick-access {
24+
padding-bottom: 1rem;
25+
padding-top: 1rem;
26+
}
27+
28+
footer .smartweb-footer .container .row .sectionevents .see_all a {
29+
background: #fff;
30+
}
31+
32+
footer
33+
.smartweb-footer
34+
.container
35+
.row
36+
.sectiontext
37+
.section-text
38+
.body-section
39+
figure {
40+
float: initial;
41+
margin-right: initial;
42+
max-width: 100%;
43+
width: 100%;
44+
}
45+
46+
footer .smartweb-footer .container .row .sectionlinks h2 {
47+
font-size: calc(1.325rem + 0.9vw) !important;
48+
margin-top: 20px;
49+
}
50+
51+
footer .smartweb-footer .container .row .contact_informations_social {
52+
display: grid;
53+
}
54+
}
55+
56+
.swiper-slide > a:hover .swiper-image {
57+
transition: 0.2s;
58+
filter: brightness(0.4);
59+
}
60+
61+
.section-title {
62+
font-weight: 300;
63+
font-size: 64px;
64+
}

‎sambreville/src/scss/main.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ $enable-roboto-webfont: false;
1717
@import "./quick-access";
1818
@import "./footer";
1919
@import "./agenda";
20+
@import "./homepage";
2021

2122
//// STYLES
2223

‎sambreville/src/scss/quick-access.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
.sectionlinks a.table_image:hover .image.d-block {
22
background: $primary !important;
33
}
4+
5+
@include media-breakpoint-down(md) {
6+
.sortable-section.sectionlinks.quick-access ul.row {
7+
gap: 35px;
8+
}
9+
}

‎sambreville/src/scss/variables.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ $font-family-title: "Poppins", sans-serif;
1414
$font-title-color: $primary-dark;
1515
$font-title-color-light: #fff !default;
1616
$font-title-color-dark: $primary-dark;
17-
$font-title-weight: 700 !default;
17+
$font-title-weight: 300;
1818

1919
// $font-size-base affects the font size of the body text
2020
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
@@ -100,7 +100,7 @@ $nav-link-font-size: initial !default;
100100
$nav-link-font-weight: 500 !default;
101101
$nav-link-drop-color: $primary !default;
102102
$nav-link-drop: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z" fill="#{url-encoded-color($nav-link-drop-color)}"/></svg>') !default;
103-
$nav-link-drop-color-mobile: #000 !default;
103+
$nav-link-drop-color-mobile: $primary-dark;
104104
$nav-link-drop-mobile: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="6" height="9"><path fill="%23000" d="M0.256056 8.20064C0.175109 8.12308 0.110695 8.02993 0.0666899 7.92682C0.0226851 7.82371 -3.21599e-08 7.71275 -3.70604e-08 7.60064C-4.19609e-08 7.48853 0.0226851 7.37758 0.0666899 7.27447C0.110695 7.17135 0.175109 7.07821 0.256056 7.00064L3.11006 4.22064L0.256055 1.43664C0.177451 1.35858 0.11525 1.26558 0.0731093 1.16312C0.030969 1.06067 0.00974056 0.950818 0.0106723 0.840037C0.011604 0.729257 0.034677 0.619781 0.0785346 0.518048C0.122392 0.416314 0.186149 0.324378 0.266055 0.247643C0.428692 0.0905508 0.64545 0.00192103 0.871559 6.00434e-05C1.09767 -0.00180095 1.31586 0.0832488 1.48106 0.237643L4.94806 3.62264C5.02845 3.70052 5.09236 3.79377 5.13599 3.89685C5.17963 3.99992 5.20209 4.11071 5.20206 4.22264C5.16148 4.43857 5.07485 4.64321 4.94806 4.82264L1.48106 8.20064C1.31659 8.35962 1.0968 8.44849 0.868056 8.44849C0.639315 8.44849 0.41952 8.35962 0.255056 8.20064L0.256056 8.20064Z" /></svg>') !default;
105105
$nav-first-level-gap: 30px !default;
106106
$nav-first-level-uppercase: false !default;
@@ -240,15 +240,15 @@ $actu-item-title-margin: 0 0 0 0 !default;
240240
$actu-item-title-padding: 0 1rem !default;
241241
$actu-item-title-color: $primary-dark;
242242
$actu-item-title-text-transform: initial !default;
243-
$actu-item-title-font-size: $h3-font-size !default;
244-
$actu-item-title-font-weight: initial !default;
243+
$actu-item-title-font-size: 22px;
244+
$actu-item-title-font-weight: 500;
245245
$actu-item-title-align: left !default;
246246
$actu-item-description-margin: 0 0 0.5rem 0 !default;
247247
$actu-item-description-padding: 0 1rem !default;
248248
$actu-item-description-color: $primary-dark;
249249
$actu-item-description-align: left !default;
250250
$actu-item-description-font-family: $font-family-base !default;
251-
$actu-date-margin: 0 0 0.5rem 0 !default;
251+
$actu-date-margin: 1rem 0 1rem 0;
252252
$actu-date-padding: 0 1rem !default;
253253
$actu-date-color: $primary-dark;
254254
$actu-date-font-size: 18px;
@@ -280,8 +280,8 @@ $event-item-title-margin: 0 !default;
280280
$event-item-title-padding: 0 1rem !default;
281281
$event-item-title-color: $primary-dark;
282282
$event-item-title-text-transform: initial !default;
283-
$event-item-title-font-size: $h3-font-size !default;
284-
$event-item-title-font-weight: initial !default;
283+
$event-item-title-font-size: 22px;
284+
$event-item-title-font-weight: 500;
285285
$event-item-description-margin: 0 0 0.5rem 0 !default;
286286
$event-item-description-padding: 0 1rem !default;
287287
$event-item-description-color: $primary-dark;

0 commit comments

Comments
 (0)