Add some variables to the scss files

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

View File

@@ -9,9 +9,9 @@ class RadioController extends Controller
{ {
public function schedule(Request $request, $date = '') public function schedule(Request $request, $date = '')
{ {
$apiResult = $this->API('programma/schema/week/0'); $start = $date ? (new \DateTime($date))->format('Y-m-d') : (new \DateTime("-2 day"))->format('Y-m-d');
$start = self::JsonToDateTime($apiResult->startdate); $end = $date ? (new \DateTime($date))->modify('+1 day')->format('Y-m-d') : (new \DateTime("+3 day"))->format('Y-m-d');
$end = self::JsonToDateTime($apiResult->enddate); $apiResult = $this->API('programma/schema/periode/' . $start . '/' . $end);
$schedule = []; $schedule = [];
foreach($apiResult->schedule as $program) foreach($apiResult->schedule as $program)
{ {

View File

@@ -1,35 +0,0 @@
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
background: none;
padding: 0;
}
div.pp_default .pp_content, div.light_rounded .pp_content {
padding: 10px;
}
div.pp_default .pp_description {
font-family: Nunito, serif;
font-size: 12px;
font-style: italic;
line-height: 3.17;
color: #585858;
}
div.pp_default .pp_close {
margin-top: 8px;
background: url("/images/icons/other/close.png") 0 0 no-repeat;
}
div.pp_default .pp_close:hover {
opacity: 1;
background-position: 0 -30px;
}
/*# sourceMappingURL=pretty_photo.css.map */

29
public/css/style.css vendored
View File

@@ -689,8 +689,6 @@ div.pp_default .pp_close:hover {
} }
} }
.blog_grid .post .slider_content_box .post_date { .blog_grid .post .slider_content_box .post_date {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -698,6 +696,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -814,8 +814,6 @@ div.pp_default .pp_close:hover {
padding: 0; padding: 0;
} }
.blog .post .post_date { .blog .post .post_date {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -823,6 +821,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -859,8 +859,6 @@ div.pp_default .pp_close:hover {
color: #1a1a1a; color: #1a1a1a;
} }
.radio_box .post_date { .radio_box .post_date {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -868,6 +866,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -946,6 +946,7 @@ div.pp_default .pp_close:hover {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 3.17; line-height: 3.17;
letter-spacing: normal;
text-align: left; text-align: left;
color: #000; color: #000;
margin-right: 10px; margin-right: 10px;
@@ -955,8 +956,6 @@ div.pp_default .pp_close:hover {
white-space: nowrap; white-space: nowrap;
} }
.featured .sub_title .post_date { .featured .sub_title .post_date {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -964,6 +963,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -1012,6 +1013,7 @@ div.pp_default .pp_close:hover {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 3.17; line-height: 3.17;
letter-spacing: normal;
text-align: left; text-align: left;
color: #000; color: #000;
margin-right: 10px; margin-right: 10px;
@@ -1021,8 +1023,6 @@ div.pp_default .pp_close:hover {
white-space: nowrap; white-space: nowrap;
} }
.podcast_items ul li .sub_title .post_date { .podcast_items ul li .sub_title .post_date {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -1030,6 +1030,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -1047,6 +1049,7 @@ div.pp_default .pp_close:hover {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 3.17; line-height: 3.17;
letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
margin-right: 5px; margin-right: 5px;
@@ -1157,6 +1160,8 @@ div.pp_default .pp_close:hover {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 3.17; line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #666; color: #666;
} }
.post_container .post_body .post_details li a { .post_container .post_body .post_details li a {
@@ -1201,8 +1206,6 @@ div.pp_default .pp_close:hover {
color: #1a1a1a; color: #1a1a1a;
} }
#schedule .program-times { #schedule .program-times {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
@@ -1210,6 +1213,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; color: #666;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -9,16 +9,19 @@
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
@mixin post_date { @mixin font_small {
display: block;
height: 30px;
font-family: Nunito, serif; font-family: Nunito, serif;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 3.17; line-height: 3.17;
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #666; }
@mixin post_date {
@include font_small;
color: $text-secondary-color;
display: block;
height: 30px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -34,11 +37,7 @@
} }
@mixin program_name { @mixin program_name {
font-family: Nunito, serif; @include font_small;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
text-align: left;
color: #000; color: #000;
margin-right: 10px; margin-right: 10px;
text-decoration: none; text-decoration: none;

View File

@@ -1,46 +1,14 @@
// Container
// Body $container-bg: #f9f9f9;
$body-bg: #f5f8fa;
// Borders
$laravel-border-color: darken($body-bg, 10%);
$list-group-border: $laravel-border-color;
$navbar-default-border: $laravel-border-color;
$panel-default-border: $laravel-border-color;
$panel-inner-border: $laravel-border-color;
// Brands
$brand-primary: #3097D1;
$brand-info: #8eb4cb;
$brand-success: #2ab27b;
$brand-warning: #cbb956;
$brand-danger: #bf5329;
// Typography
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$font-family-sans-serif: "Raleway", sans-serif;
$font-size-base: 14px;
$line-height-base: 1.6;
$text-color: #636b6f;
// Navbar
$navbar-default-bg: #fff;
// Buttons
$btn-default-color: $text-color;
// Inputs
$input-border: lighten($text-color, 40%);
$input-border-focus: lighten($brand-primary, 25%);
$input-color-placeholder: lighten($text-color, 30%);
// Panels
$panel-default-heading-bg: #fff;
// Nav // Nav
$nav-text-color: #1a1a1a;
$nav-text-weight: bold; $nav-text-weight: bold;
$nav-text-size: 14px; $nav-text-size: 14px;
// News // Base
$news-banner-text-color: #fff; $text-color: #1a1a1a;
$text-inverted-color: #fff;
$text-secondary-color: #666;
$text-dark-color: #282828;
$element-bg: #fff;
$text-description-color: #585858;

View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *; @use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
body { body {
margin: 0; margin: 0;
@@ -13,7 +14,7 @@ body {
@media (max-width: 768px) { @media (max-width: 768px) {
padding: 50px 0; padding: 50px 0;
} }
background-color: #f9f9f9; background-color: $container-bg;
} }
.header_container { .header_container {
@include container; @include container;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

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_left,
div.pp_default .pp_content_container .pp_right, div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_left,
@@ -20,7 +22,7 @@ div.pp_default .pp_description
font-size: 12px; font-size: 12px;
font-style: italic; font-style: italic;
line-height: 3.17; line-height: 3.17;
color: #585858; color: $text-description-color;
} }
div.pp_default .pp_close div.pp_default .pp_close
{ {

View File

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

View File

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