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

17
resources/assets/sass/abstracts/_mixin.scss vendored
View File

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

50
resources/assets/sass/abstracts/_variables.scss vendored
View File

@@ -1,46 +1,14 @@
// Body
$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;
// Container
$container-bg: #f9f9f9;
// Nav
$nav-text-color: #1a1a1a;
$nav-text-weight: bold;
$nav-text-size: 14px;
// News
$news-banner-text-color: #fff;
// Base
$text-color: #1a1a1a;
$text-inverted-color: #fff;
$text-secondary-color: #666;
$text-dark-color: #282828;
$element-bg: #fff;
$text-description-color: #585858;