NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add some variables to the scss files

Browse Source 
Use the period API call for the program schema
This commit is contained in:
Jorit Tijsen
2024-03-20 17:54:10 +01:00
parent 25b3d41bf1
commit 1d94e7da7f
28 changed files with 114 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/sass/components/_blog.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.blog {
@include reset-list;
@@ -17,12 +18,12 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
a {
text-decoration: none;
display: inline-block;
color: #1a1a1a;
color: $text-color;
}
}
@@ -43,7 +44,7 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}
}
}

4
resources/assets/sass/components/_box.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.box_header {
span {
font-family: Nunito, serif;
@@ -29,7 +31,7 @@
padding: 30px 23px 30px 30px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
background-color: $element-bg;
margin-bottom: 50px;
&.full-width {

11
resources/assets/sass/components/_bread_crumb.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.bread_crumb {
height: 38px;
@@ -6,16 +7,12 @@
li {
float: left;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
text-align: left;
color: #666;
@include font_small;
color: $text-secondary-color;
margin-right: 5px;
a {
color: #666;
color: $text-secondary-color;
text-decoration: none;
}

4
resources/assets/sass/components/_button.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.btn {
display: block;
width: CALC(100% - 78px);
@@ -9,7 +11,7 @@
font-weight: bold;
line-height: 0.93;
text-align: center;
color: #fff;
color: $text-inverted-color;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;

5
resources/assets/sass/components/_contact_box.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.contact_box {
position: relative;
@@ -15,7 +16,7 @@
font-size: 24px;
font-weight: 600;
line-height: 1.17;
color: #282828;
color: $text-dark-color;
margin-top: 0;
padding-right: 60px;
}
@@ -25,7 +26,7 @@
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #666;
color: $text-secondary-color;
}
.read_more {

8
resources/assets/sass/components/_cookie.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
padding: 10px 39px;
border-radius: 3px;
@@ -12,17 +14,17 @@
}
.light.cc_dialog button.cc_b_ok {
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
color: #fff;
color: $text-inverted-color;
}
.light.cc_dialog .cc_dialog_headline {
font-family: Montserrat, serif;
font-weight: 600;
line-height: 1.15;
color: #282828;
color: $text-dark-color;
}
.light.cc_dialog .cc_dialog_text {
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}

5
resources/assets/sass/components/_featured.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.featured {
img {
@@ -14,7 +15,7 @@
font-weight: 600;
line-height: 1.35;
text-align: left;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
}
}
@@ -29,7 +30,7 @@
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
color: $text-secondary-color;
margin: 10px 0;
}
}

9
resources/assets/sass/components/_footer.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.footer_container {
font-family: Montserrat, serif;
@@ -6,7 +7,7 @@
font-weight: 600;
line-height: 1.71;
text-align: left;
color: #fff;
color: $text-inverted-color;
.footer_menu {
background-image: linear-gradient(to right, #0102b0, #4090e3);
@@ -25,7 +26,7 @@
}
a {
color: #fff;
color: $text-inverted-color;
text-decoration: none;
display: block;
width: 100%;
@@ -41,7 +42,7 @@
span {
border-bottom: 3px solid #fff;
color: #fff;
color: $text-inverted-color;
font-size: 14px;
}
}
@@ -60,7 +61,7 @@
width: 38px;
height: 38px;
background-color: #5ba8f4;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
line-height: 40px;
border-radius: 5px;

8
resources/assets/sass/components/_input.scss vendored
View File

@@ -1,14 +1,16 @@
@use "../abstracts/variables" as *;
.input_container {
border: 1px solid #efefef;
border-radius: 5px;
background-color: #fff;
background-color: $element-bg;
display: flex;
height: 48px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
.input_prefix, .input_postfix {
padding: 13px 10px 13px 15px;
@@ -22,6 +24,6 @@
font-size: 16px;
font-weight: 600;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
}
}

6
resources/assets/sass/components/_main_news.scss vendored
View File

@@ -68,7 +68,7 @@
font-size: 10px;
font-weight: bold;
text-align: center;
color: $news-banner-text-color;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
}
@@ -82,7 +82,7 @@
font-size: 30px;
font-weight: 600;
line-height: 1;
color: $news-banner-text-color;
color: $text-inverted-color;
text-decoration: none;
}
h5 a {
@@ -98,7 +98,7 @@
}
.post_date {
@include post_date;
color: $news-banner-text-color;
color: $text-inverted-color;
}
}
}

12
resources/assets/sass/components/_menu.scss vendored
View File

@@ -42,7 +42,7 @@
a {
display: block;
font-family: Nunito, serif;
color: $nav-text-color;
color: $text-color;
font-weight: $nav-text-weight;
font-size: $nav-text-size;
text-align: center;
@@ -127,7 +127,7 @@
font-size: 14px;
font-weight: bold;
text-align: right;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
@@ -148,12 +148,12 @@
.search_input {
border: 1px solid #efefef;
border-radius: 3px;
background-color: #fff;
background-color: $element-bg;
height: 29px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
}
.search_submit {
float: right;
@@ -234,7 +234,7 @@
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
padding: 15px 0;
border-bottom: 1px solid #f8f8f8;
@@ -249,7 +249,7 @@
padding: 20px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
background-color: $element-bg;
margin-left: 20px;
width: max-content;
display: none;

5
resources/assets/sass/components/_page.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.page_container {
@include container;
@@ -13,11 +14,11 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}
.action_button {
text-decoration: none;
color: #282828;
color: $text-dark-color;
.fa {
margin-right: 10px;

4
resources/assets/sass/components/_page_title.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.page_title {
margin: 17px 0;
font-family: Montserrat, serif;
@@ -5,5 +7,5 @@
font-weight: 600;
line-height: 1.15;
text-align: left;
color: #282828;
color: $text-dark-color;
}

4
resources/assets/sass/components/_podcast_item.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.announcement {
padding: 30px;
border-radius: 3px;
@@ -6,7 +8,7 @@
}
.action_button.btn {
width: fit-content;
color: #fff;
color: $text-inverted-color;
float: left;
margin: 10px 20px 0 0;
}

3
resources/assets/sass/components/_podcast_items.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.podcast_items {
ul {
@@ -20,7 +21,7 @@
font-weight: 600;
line-height: 1.43;
text-align: left;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
}
}

18
resources/assets/sass/components/_post.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.post_container {
@include container;
@@ -32,7 +33,7 @@
font-size: 10px;
font-weight: bold;
text-align: center;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
}
@@ -44,7 +45,7 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
h3 {
font-size: 15px;
@@ -55,7 +56,7 @@
font-style: italic;
line-height: 3.17;
text-align: right;
color: #585858;
color: $text-description-color;
display: block;
width: 100%;
@@ -79,7 +80,7 @@
font-size: 12px;
font-style: normal;
line-height: 3.17;
color: #585858;
color: $text-description-color;
}
}
@@ -89,13 +90,10 @@
li {
float: left;
margin-right: 10px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
color: #666;
@include font_small;
color: $text-secondary-color;
a {
color: #666;
color: $text-secondary-color;
text-decoration: none;
}
i {

4
resources/assets/sass/components/pretty_photo.scss → resources/assets/sass/components/_pretty_photo.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left,
@@ -20,7 +22,7 @@ div.pp_default .pp_description
font-size: 12px;
font-style: italic;
line-height: 3.17;
color: #585858;
color: $text-description-color;
}
div.pp_default .pp_close
{

5
resources/assets/sass/components/_radio_box.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.radio_box {
padding: 15px 23px 15px 15px;
@@ -9,7 +10,7 @@
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: #1a1a1a;
color: $text-color;
}
.post_date {
@@ -23,6 +24,6 @@
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
color: $text-secondary-color;
}
}

5
resources/assets/sass/components/_schedule.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
#schedule {
a {
@@ -9,7 +10,7 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
}
.program-times {
@include post_date;
@@ -19,7 +20,7 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
text-align: center;
padding: 20px;
span {