Mogelijkheid om SCSS-bestanden op te splitsen, integrity-waarde wordt nu ingevuld, tags vriendelijker opgemaakt
This commit is contained in:
parent
031bc13507
commit
4a5c56bdb7
|
|
@ -1,4 +1,8 @@
|
|||
|
||||
// purple: #6A2060
|
||||
// light purple-grey: #DCC9DB
|
||||
// darkblue: #1D3160
|
||||
|
||||
$color-button: #1D3160;
|
||||
$color-button-hover: #17274d;
|
||||
$color-button-call-to-action: #138808;
|
||||
|
|
@ -10,6 +14,8 @@ $color-highlight-box-nluug-border: #6A2060;
|
|||
$color-highlight-box-nluug-background: #EBBCE5; // omgezet naar lichtere kleur via https://encycolorpedia.com/6a2060
|
||||
$color-border: #6A2060;
|
||||
$color-text-inverse: white;
|
||||
$color-tags-background: #6A2060;
|
||||
$color-tags-text: white;
|
||||
|
||||
|
||||
*, :after, :before {
|
||||
|
|
@ -68,6 +74,9 @@ footer {
|
|||
column-gap: 1px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
//font-size: inherit;
|
||||
font-size: 1.1em;
|
||||
|
|
@ -284,7 +293,17 @@ img.shownormal {
|
|||
}
|
||||
|
||||
.tags li {
|
||||
background-color: $color-tags-background;
|
||||
border-radius: 2px;
|
||||
color: $color-tags-text;
|
||||
display: inline;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
|
||||
.tags li a {
|
||||
font-size: 0.8em;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
/* Kolommen voor de footer */
|
||||
|
|
@ -314,7 +333,8 @@ img.shownormal {
|
|||
.w-40 { width: 40%; }
|
||||
.w-50 { width: 50%; }
|
||||
|
||||
/* Table Styles */
|
||||
|
||||
/*
|
||||
|
||||
.table-wrapper{
|
||||
margin: 10px 10px 30px;
|
||||
|
|
@ -357,4 +377,4 @@ img.shownormal {
|
|||
.fl-table tr:nth-child(even) {
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
*/
|
||||
|
|
|
|||
45
themes/nluug/assets/scss/styles_table.scss
Normal file
45
themes/nluug/assets/scss/styles_table.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
/* Table Styles */
|
||||
|
||||
.table-wrapper{
|
||||
margin: 10px 10px 30px;
|
||||
box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.2 );
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
.fl-table {
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.fl-table td, .fl-table th {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fl-table td {
|
||||
border-right: 1px solid #f8f8f8;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.fl-table thead th {
|
||||
color: #ffffff;
|
||||
background: #324960;
|
||||
}
|
||||
|
||||
.fl-table thead th:nth-child(odd) {
|
||||
color: #ffffff;
|
||||
background: #324960;
|
||||
}
|
||||
|
||||
.fl-table tr:nth-child(even) {
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
|
|
@ -33,12 +33,13 @@
|
|||
{{ if .Params.tags }}
|
||||
<section>
|
||||
<h3>Tags</h3>
|
||||
<div class="post-date">
|
||||
<span class="g time">{{.Date.Format "January 2, 2006"}} </span> ∙
|
||||
<div class="tags">
|
||||
{{ $taxonomy := "tags" }} {{ with .Param $taxonomy }}
|
||||
<ul>
|
||||
{{ range $index, $tag := . }} {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}}
|
||||
<a href="{{ .Permalink }}">{{ $tag | urlize }}</a>
|
||||
<li><a href="{{ .Permalink }}">{{ $tag | urlize }}</a></li>
|
||||
{{- end -}} {{- end -}}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,19 @@
|
|||
{{ $styles := resources.Get "scss/styles.scss" | toCSS (dict "outputStyle" "compressed") | minify }}
|
||||
{{ $styles_breadcrumb := resources.Get "scss/styles_breadcrumb.scss" | toCSS (dict "outputStyle" "compressed") | minify }}
|
||||
{{ $styles_navigation_menu := resources.Get "scss/styles_navigation_menu.scss" | toCSS (dict "outputStyle" "compressed") | minify }}
|
||||
{{ $styles_extra := resources.Get "scss/_extra.scss" | toCSS (dict "outputStyle" "compressed") | minify }}
|
||||
<style>{{ $styles.Content | safeCSS }} {{ $styles_breadcrumb.Content | safeCSS }}{{ $styles_navigation_menu.Content | safeCSS }} {{ $styles_extra.Content | safeCSS }}</style>
|
||||
{{/* Zoek alle scss-bestanden, combineer ze, zet om naar CSS, verkleinen en voorzien van fingerprint */}}
|
||||
{{ $styles := resources.Match "scss/**.scss" | resources.Concat "combined.scss" | toCSS (dict "outputStyle" "compressed") | minify | fingerprint }}
|
||||
<style integrity="{{ $styles.Data.Integrity }}">{{ $styles.Content | safeCSS }}</style>
|
||||
|
||||
|
||||
{{/*
|
||||
Work in progress
|
||||
{{ if eq (getenv "HUGO_ENV") "development" }}
|
||||
{{ $cssOpts := (dict "enableSourceMap" true "includePaths" (slice "node_modules/bulma" "assets/scss")) }}
|
||||
{{ $styles := resources.Match "scss/**.scss" | resources.Concat "combined.scss" | toCSS $cssOpts | postCSS }}
|
||||
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
|
||||
{{ else }}
|
||||
{{ $cssOpts := (dict "enableSourceMap" false "includePaths" (slice "node_modules/bulma" "assets/scss")) }}
|
||||
|
||||
{{ with $combined_styles := resources.Match "scss/*.scss" | toCSS $cssOpts | postCSS | minify | fingerprint }}
|
||||
<style>{{ .Content | safeCSS }}</style>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
*/}}
|
||||
|
|
|
|||
Reference in a new issue