kevin/hehe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Scrollreveal+cat+datenews

Browse Source
This commit is contained in:
kevin
2019-01-07 11:43:39 +01:00
parent e4cac3d01e
commit 762a1ad170
3158 changed files with 140699 additions and 73915 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/quark/CHANGELOG.md
+46 -4
View File
@@ -1,3 +1,45 @@
# v1.2.5
## 12/07/2018
1. [](#improved)
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.7` version
1. [](#bugfix)
* Fixed missing `</html>` close tag in bae template [#76](https://github.com/getgrav/grav-theme-quark/pull/)
# v1.2.4
## 11/12/2018
1. [](#improved)
* Updated [Spectre.css](https://picturepan2.github.io/spectre/) to latest `0.5.5` version
* Added link support to modular `features` [#39](https://github.com/getgrav/grav-theme-quark/pull/39/)
* Remove desktop menu when in mobile mode [#59](https://github.com/getgrav/grav-theme-quark/pull/59/)
* Support modular `text` full-width if no image [#70](https://github.com/getgrav/grav-theme-quark/issues/70)
* Shim for IE support of BrickLayer.js [#64](https://github.com/getgrav/grav-theme-quark/issues/64)
1. [](#bugfix)
* Fixed `continue_link:` showing up as toggled [#65](https://github.com/getgrav/grav-theme-quark/issues/65)
* Fixed issue with modular pages not hidden in on-page menu with `visible: false` [#71](https://github.com/getgrav/grav-theme-quark/issues/71)
# v1.2.3
## 11/05/2018
1. [](#improved)
* Moved footer into standalone twig to allow for easier extensibility [#63](https://github.com/getgrav/grav-theme-quark/pull/63)
1. [](#bugfix)
* Fix variable name for prouction mode [#61](https://github.com/getgrav/grav-theme-quark/pull/61)
* Fix layout size in features blueprint [#67](https://github.com/getgrav/grav-theme-quark/pull/67)
* Fix active page logic in `nav` so there's no empty class attributes [#68](https://github.com/getgrav/grav-theme-quark/pull/68)
* Fix for features blueprint because `class` didn't work [#69](https://github.com/getgrav/grav-theme-quark/pull/69)
# v1.2.2
## 10/24/2018
1. [](#improved)
* Changed nav macro to format supported by Twig 2.0
* Updated `partials/form-messages.html.twig` to be more inline with latest Forms plugin
1. [](#bugfix)
* Make the theme to work with Twig auto-escaping turned on
* Moved language strings under `THEME_QUARK`
# v1.2.1
## 08/23/2018
@@ -5,7 +47,7 @@
* Added additional "mobile custom logo" support
1. [](#bugfix)
* Addressed some CSS issues by forcing logo height
# v1.2.0
## 08/23/2018
@@ -46,7 +88,7 @@
* Added screenshot to README.md
* Override focus to prevent overzealous blue blurs
1. [](#bugfix)
* Fix for `highlight` plugin not changing background of code blocks
* Fix for `highlight` plugin not changing background of code blocks
* Removed extraneous `dump()` in Twig output
# v1.0.2
@@ -58,8 +100,8 @@
1. [](#improved)
* Font tweaks
1. [](#bugfix)
* Pagination fixes
* Pagination fixes
# v1.0.1
## 01/22/2018
user/themes/quark/blueprints.yaml
+2 -2
View File
@@ -1,5 +1,5 @@
name: Quark
version: 1.2.1
version: 1.2.5
description: New Grav Default Theme
icon: microchip
author:
@@ -13,7 +13,7 @@ bugs: https://github.com/getgrav/grav-theme-quark/issues
license: MIT
dependencies:
- { name: grav, version: '>=1.4.0' }
- { name: grav, version: '>=1.5.0' }
form:
validation: loose
user/themes/quark/blueprints/item.yaml
-1
View File
@@ -22,7 +22,6 @@ form:
label: DF Style Link
help: Daring Fireball style title link
highlight: 1
default: 1
options:
1: PLUGIN_ADMIN.ENABLED
0: PLUGIN_ADMIN.DISABLED
user/themes/quark/blueprints/modular/features.yaml
+4 -1
View File
@@ -9,7 +9,7 @@ form:
type: tab
title: Features
fields:
class:
header.class:
type: select
label: Layout
default: small
@@ -33,3 +33,6 @@ form:
.text:
type: text
label: Text
.url:
type: text
label: Link
user/themes/quark/css-compiled/spectre-exp.css
+92 -14
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/spectre-exp.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/spectre-icons.css
+50 -46
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/spectre-icons.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/spectre.css
+75 -69
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/spectre.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/theme.css
+3 -1
View File
File diff suppressed because one or more lines are too long
user/themes/quark/css-compiled/theme.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/quark/js/bricklayer.min.js
Vendored
+1 -1
View File
@@ -1 +1 @@
!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n display: block;\n visibility: hidden !important;\n top: -1000px !important;\n ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;i<t;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return 0==e?1:Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);
!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n display: block;\n visibility: hidden !important;\n top: -1000px !important;\n ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1),(t==1/0||1>t)&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;t>i;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);
user/themes/quark/js/scopedQuerySelectorShim.min.js
Vendored
+9
View File
@@ -0,0 +1,9 @@
/* scopeQuerySelectorShim.js
*
* Copyright (C) 2015 Larry Davis
* All rights reserved.
*
* This software may be modified and distributed under the terms
* of the BSD license. See the LICENSE file for details.
*/
!function(){function a(a,c){var e=a[c];a[c]=function(a){var c,f=!1,g=!1;return a.match(d)?(a=a.replace(d,""),this.parentNode||(b.appendChild(this),g=!0),parentNode=this.parentNode,this.id||(this.id="rootedQuerySelector_id_"+(new Date).getTime(),f=!0),c=e.call(parentNode,"#"+this.id+" "+a),f&&(this.id=""),g&&b.removeChild(this),c):e.call(this,a)}}if(!HTMLElement.prototype.querySelectorAll)throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll");var b=document.createElement("div");try{b.querySelectorAll(":scope *")}catch(c){var d=/^\s*:scope/gi;a(HTMLElement.prototype,"querySelector"),a(HTMLElement.prototype,"querySelectorAll")}}();
user/themes/quark/languages.yaml
+221 -269
View File
@@ -1,288 +1,240 @@
en:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Continue reading...
NEXT_POST: Next Post
PREV_POST: Previous Post
SHOP:
ITEM:
BACK: Back
NEXT_ITEM: Next Item
PREV_ITEM: Previous Item
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Search
RELATED_POSTS:
HEADLINE: Related Posts
RANDOM_ARTICLE:
HEADLINE: Random Article
FEELING_LUCKY: I'm Feeling Lucky!
SOME_TEXT_WIDGET:
HEADLINE: Some Text Widget
POPULAR_TAGS:
HEADLINE: Popular Tags
ARCHIVES:
HEADLINE: Archives
SYNDICATE:
HEADLINE: Syndicate
FORM_DATA:
SUMMARY: "Here is the summary of what you wrote to us:"
ERROR: Error
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Continue reading...
NEXT_POST: Next Post
PREV_POST: Previous Post
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Search
RELATED_POSTS:
HEADLINE: Related Posts
RANDOM_ARTICLE:
HEADLINE: Random Article
FEELING_LUCKY: I'm Feeling Lucky!
SOME_TEXT_WIDGET:
HEADLINE: Some Text Widget
POPULAR_TAGS:
HEADLINE: Popular Tags
ARCHIVES:
HEADLINE: Archives
SYNDICATE:
HEADLINE: Syndicate
de:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Weiterlesen...
NEXT_POST: Nächster Beitrag
PREV_POST: Vorheriger Beitrag
SHOP:
ITEM:
BACK: Zurück
NEXT_ITEM: Nächstes Objekt
PREV_ITEM: Vorheriger Objekt
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: SimpleSearch
RELATED_POSTS:
HEADLINE: Ähnliche Beiträge
RANDOM_ARTICLE:
HEADLINE: Zufälliger Artikel
FEELING_LUCKY: Auf gut Glück!
SOME_TEXT_WIDGET:
HEADLINE: Text Widget Beispiel
POPULAR_TAGS:
HEADLINE: Häufigste Tags
ARCHIVES:
HEADLINE: Archiv
SYNDICATE:
HEADLINE: Abonnements
FORM_DATA:
SUMMARY: "Folgendes haben Sie uns mitgeteilt:"
ERROR: Fehler
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Weiterlesen...
NEXT_POST: Nächster Beitrag
PREV_POST: Vorheriger Beitrag
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: SimpleSearch
RELATED_POSTS:
HEADLINE: Ähnliche Beiträge
RANDOM_ARTICLE:
HEADLINE: Zufälliger Artikel
FEELING_LUCKY: Auf gut Glück!
SOME_TEXT_WIDGET:
HEADLINE: Text Widget Beispiel
POPULAR_TAGS:
HEADLINE: Häufigste Tags
ARCHIVES:
HEADLINE: Archiv
SYNDICATE:
HEADLINE: Abonnements
es:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Continuar leyendo...
NEXT_POST: Siguiente Entrada
PREV_POST: Entrada Anterior
SHOP:
ITEM:
BACK: Espalda
NEXT_ITEM: Siguiente Artículo
PREV_ITEM: Artículo Anterior
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Buscar
RELATED_POSTS:
HEADLINE: Entradas Relacionadas
RANDOM_ARTICLE:
HEADLINE: Artículo Aleatorio
FEELING_LUCKY: Voy a tener suerte!
SOME_TEXT_WIDGET:
HEADLINE: Algunos Widget de Texto
POPULAR_TAGS:
HEADLINE: Etiquetas Populares
ARCHIVES:
HEADLINE: Archivos
SYNDICATE:
HEADLINE: Distribuir
FORM_DATA:
SUMMARY: "Este es un resumen de lo escrito:"
ERROR: Error
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Continuar leyendo...
NEXT_POST: Siguiente Entrada
PREV_POST: Entrada Anterior
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Buscar
RELATED_POSTS:
HEADLINE: Entradas Relacionadas
RANDOM_ARTICLE:
HEADLINE: Artículo Aleatorio
FEELING_LUCKY: Voy a tener suerte!
SOME_TEXT_WIDGET:
HEADLINE: Algunos Widget de Texto
POPULAR_TAGS:
HEADLINE: Etiquetas Populares
ARCHIVES:
HEADLINE: Archivos
SYNDICATE:
HEADLINE: Distribuir
fr:
TRANSLATION_TEST: Quark !
BLOG:
ITEM:
CONTINUE_READING: Continuer la lecture...
NEXT_POST: Article suivant
PREV_POST: Article précédent
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Recherche simple
RELATED_POSTS:
HEADLINE: Articles en relation
RANDOM_ARTICLE:
HEADLINE: Article aléatoire
FEELING_LUCKY: J'ai de la chance !
SOME_TEXT_WIDGET:
HEADLINE: Du texte gadget
POPULAR_TAGS:
HEADLINE: Tags populaires
ARCHIVES:
HEADLINE: Archives
SYNDICATE:
HEADLINE: Syndication
FORM_DATA:
SUMMARY: "Voici le résumé de ce que vous avez écrit pour nous:"
ERROR: Erreur
THEME_QUARK:
TRANSLATION_TEST: Quark !
BLOG:
ITEM:
CONTINUE_READING: Continuer la lecture...
NEXT_POST: Article suivant
PREV_POST: Article précédent
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Recherche simple
RELATED_POSTS:
HEADLINE: Articles en relation
RANDOM_ARTICLE:
HEADLINE: Article aléatoire
FEELING_LUCKY: J'ai de la chance !
SOME_TEXT_WIDGET:
HEADLINE: Du texte gadget
POPULAR_TAGS:
HEADLINE: Tags populaires
ARCHIVES:
HEADLINE: Archives
SYNDICATE:
HEADLINE: Syndication
it:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Continua a leggere...
NEXT_POST: Prossimo articolo
PREV_POST: Articolo precedente
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: SimpleSearch
RELATED_POSTS:
HEADLINE: Articoli correlati
RANDOM_ARTICLE:
HEADLINE: Articolo a caso
FEELING_LUCKY: Mi sento fortunato!
SOME_TEXT_WIDGET:
HEADLINE: Widget di testo
POPULAR_TAGS:
HEADLINE: Tag popolari
ARCHIVES:
HEADLINE: Archivio
SYNDICATE:
HEADLINE: Feed
FORM_DATA:
SUMMARY: "Questo è il riassunto di quanto ci hai scritto:"
ERROR: Errore
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Continua a leggere...
NEXT_POST: Prossimo articolo
PREV_POST: Articolo precedente
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: SimpleSearch
RELATED_POSTS:
HEADLINE: Articoli correlati
RANDOM_ARTICLE:
HEADLINE: Articolo a caso
FEELING_LUCKY: Mi sento fortunato!
SOME_TEXT_WIDGET:
HEADLINE: Widget di testo
POPULAR_TAGS:
HEADLINE: Tag popolari
ARCHIVES:
HEADLINE: Archivio
SYNDICATE:
HEADLINE: Feed
ro:
BLOG:
ITEM:
CONTINUE_READING: Mai multe...
NEXT_POST: Următorul articol
PREV_POST: Articolul anterior
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Căutare
RELATED_POSTS:
HEADLINE: Articole corelate
RANDOM_ARTICLE:
HEADLINE: Articol aleator
FEELING_LUCKY: Mă simt norocos
SOME_TEXT_WIDGET:
HEADLINE: Text modular
POPULAR_TAGS:
HEADLINE: Etichete populare
ARCHIVES:
HEADLINE: Arhive
SYNDICATE:
HEADLINE: Abonați-vă
FORM_DATA:
SUMMARY: "Acesta este rezumatul mesajului Dvs:"
ERROR: Eroare
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Mai multe...
NEXT_POST: Următorul articol
PREV_POST: Articolul anterior
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Căutare
RELATED_POSTS:
HEADLINE: Articole corelate
RANDOM_ARTICLE:
HEADLINE: Articol aleator
FEELING_LUCKY: Mă simt norocos
SOME_TEXT_WIDGET:
HEADLINE: Text modular
POPULAR_TAGS:
HEADLINE: Etichete populare
ARCHIVES:
HEADLINE: Arhive
SYNDICATE:
HEADLINE: Abonați-vă
ru:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Читать далее...
NEXT_POST: Следующая запись
PREV_POST: Предыдущая запись
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Поиск
RELATED_POSTS:
HEADLINE: Также читайте
RANDOM_ARTICLE:
HEADLINE: Случайная запись
FEELING_LUCKY: Мне повезёт!
SOME_TEXT_WIDGET:
HEADLINE: Текстовой виджет
POPULAR_TAGS:
HEADLINE: Популярные теги
ARCHIVES:
HEADLINE: Архив
SYNDICATE:
HEADLINE: Синдикация
FORM_DATA:
SUMMARY: "Вы написали нам:"
ERROR: Ошибка
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Читать далее...
NEXT_POST: Следующая запись
PREV_POST: Предыдущая запись
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Поиск
RELATED_POSTS:
HEADLINE: Также читайте
RANDOM_ARTICLE:
HEADLINE: Случайная запись
FEELING_LUCKY: Мне повезёт!
SOME_TEXT_WIDGET:
HEADLINE: Текстовой виджет
POPULAR_TAGS:
HEADLINE: Популярные теги
ARCHIVES:
HEADLINE: Архив
SYNDICATE:
HEADLINE: Синдикация
uk:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Читати далі...
NEXT_POST: Наступний запис
PREV_POST: Попередній запис
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Пошук
RELATED_POSTS:
HEADLINE: Також читайте
RANDOM_ARTICLE:
HEADLINE: Випадковий запис
FEELING_LUCKY: Мені пощастить!
SOME_TEXT_WIDGET:
HEADLINE: Текстовий віджет
POPULAR_TAGS:
HEADLINE: Популярні теги
ARCHIVES:
HEADLINE: Архів
SYNDICATE:
HEADLINE: Синдикація
FORM_DATA:
SUMMARY: "Ви написали нам:"
ERROR: Помилка
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Читати далі...
NEXT_POST: Наступний запис
PREV_POST: Попередній запис
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Пошук
RELATED_POSTS:
HEADLINE: Також читайте
RANDOM_ARTICLE:
HEADLINE: Випадковий запис
FEELING_LUCKY: Мені пощастить!
SOME_TEXT_WIDGET:
HEADLINE: Текстовий віджет
POPULAR_TAGS:
HEADLINE: Популярні теги
ARCHIVES:
HEADLINE: Архів
SYNDICATE:
HEADLINE: Синдикація
hr:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Nastavi s čitanjem...
NEXT_POST: Slijedeća objava
PREV_POST: Prethodna objava
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Pretraživanje
RELATED_POSTS:
HEADLINE: Povezane objave
RANDOM_ARTICLE:
HEADLINE: Slučajni članak
FEELING_LUCKY: Osjećam se sretno!
SOME_TEXT_WIDGET:
HEADLINE: Neki tekst widget
POPULAR_TAGS:
HEADLINE: Popularni tagovi
ARCHIVES:
HEADLINE: Arhiva
SYNDICATE:
HEADLINE: Kanali
FORM_DATA:
SUMMARY: "Ovo je sažetak onog što ste nam napisali:"
ERROR: Greška
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Nastavi s čitanjem...
NEXT_POST: Slijedeća objava
PREV_POST: Prethodna objava
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Pretraživanje
RELATED_POSTS:
HEADLINE: Povezane objave
RANDOM_ARTICLE:
HEADLINE: Slučajni članak
FEELING_LUCKY: Osjećam se sretno!
SOME_TEXT_WIDGET:
HEADLINE: Neki tekst widget
POPULAR_TAGS:
HEADLINE: Popularni tagovi
ARCHIVES:
HEADLINE: Arhiva
SYNDICATE:
HEADLINE: Kanali
nl:
TRANSLATION_TEST: Quark!
BLOG:
ITEM:
CONTINUE_READING: Lees Meer...
NEXT_POST: Volgende Bericht
PREV_POST: Vorige Bericht
SHOP:
ITEM:
BACK: Teru
NEXT_ITEM: Volgende Onderdeel
PREV_ITEM: Vorige Onderdeel
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Zoek
RELATED_POSTS:
HEADLINE: Gerelateerde Berichten
RANDOM_ARTICLE:
HEADLINE: Willekeurig Artikel
FEELING_LUCKY: Ik Voel Me Gelukkig!
SOME_TEXT_WIDGET:
HEADLINE: Een Tekst Widget
POPULAR_TAGS:
HEADLINE: Populaire Labels
ARCHIVES:
HEADLINE: Archieven
SYNDICATE:
HEADLINE: Syndicatie
FORM_DATA:
SUMMARY: "Hier is de samenvatting van wat je aan ons schreef:"
ERROR: Fout
THEME_QUARK:
BLOG:
ITEM:
CONTINUE_READING: Lees Meer...
NEXT_POST: Volgende Bericht
PREV_POST: Vorige Bericht
SIDEBAR:
SIMPLE_SEARCH:
HEADLINE: Zoek
RELATED_POSTS:
HEADLINE: Gerelateerde Berichten
RANDOM_ARTICLE:
HEADLINE: Willekeurig Artikel
FEELING_LUCKY: Ik Voel Me Gelukkig!
SOME_TEXT_WIDGET:
HEADLINE: Een Tekst Widget
POPULAR_TAGS:
HEADLINE: Populaire Labels
ARCHIVES:
HEADLINE: Archieven
SYNDICATE:
HEADLINE: Syndicatie
user/themes/quark/scss/spectre-exp.scss
+1
View File
@@ -15,3 +15,4 @@
@import "spectre/progress";
@import "spectre/sliders";
@import "spectre/timelines";
@import "spectre/viewer-360";
user/themes/quark/scss/spectre/_accordions.scss
+2 -2
View File
@@ -18,7 +18,7 @@
padding: $unit-1 $unit-2;
.icon {
transition: all .2s ease;
transition: transform .25s;
}
}
@@ -26,7 +26,7 @@
margin-bottom: $layout-spacing;
max-height: 0;
overflow: hidden;
transition: max-height .2s ease;
transition: max-height .25s;
}
}
user/themes/quark/scss/spectre/_asian.scss
+11 -6
View File
@@ -1,24 +1,29 @@
// Optimized for East Asian CJK
:lang(zh),
:lang(zh-Hans) {
html:lang(zh),
html:lang(zh-Hans),
.lang-zh,
.lang-zh-hans {
font-family: $cjk-zh-hans-font-family;
}
:lang(zh-Hant) {
html:lang(zh-Hant),
.lang-zh-hant {
font-family: $cjk-zh-hant-font-family;
}
:lang(ja) {
html:lang(ja),
.lang-ja {
font-family: $cjk-jp-font-family;
}
:lang(ko) {
html:lang(ko),
.lang-ko {
font-family: $cjk-ko-font-family;
}
:lang(zh),
:lang(ja),
.cjk {
.lang-cjk {
ins,
u {
border-bottom: $border-width solid;
user/themes/quark/scss/spectre/_breadcrumbs.scss
+1 -1
View File
@@ -20,7 +20,7 @@
&:not(:first-child) {
&::before {
color: $gray-color-light;
color: $gray-color-dark;
content: "/";
padding-right: $unit-2;
}
user/themes/quark/scss/spectre/_buttons.scss
+6 -4
View File
@@ -1,6 +1,5 @@
// Buttons
.btn {
@include control-transition();
appearance: none;
background: $bg-color-light;
border: $border-width solid $primary-color;
@@ -15,6 +14,7 @@
padding: $control-padding-y $control-padding-x;
text-align: center;
text-decoration: none;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
user-select: none;
vertical-align: middle;
white-space: nowrap;
@@ -134,16 +134,18 @@
background: transparent;
border: 0;
color: currentColor;
height: $unit-4;
height: $unit-5;
line-height: $unit-4;
margin-left: $unit-1;
margin-right: -2px;
opacity: 1;
padding: 0;
padding: $unit-h;
text-decoration: none;
width: $unit-4;
width: $unit-5;
&:focus,
&:hover {
background: rgba($bg-color, .5);
opacity: .95;
}
user/themes/quark/scss/spectre/_calendars.scss
+1 -1
View File
@@ -45,7 +45,6 @@
padding: $unit-1;
.date-item {
@include control-transition();
appearance: none;
background: transparent;
border: $border-width solid transparent;
@@ -60,6 +59,7 @@
position: relative;
text-align: center;
text-decoration: none;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
vertical-align: middle;
white-space: nowrap;
width: $unit-7;
user/themes/quark/scss/spectre/_carousels.scss
+23 -13
View File
@@ -1,4 +1,17 @@
// Carousels
// The number of carousel images
$carousel-number: 8;
%carousel-image-checked {
animation: carousel-slidein .75s ease-in-out 1;
opacity: 1;
z-index: $zindex-1;
}
%carousel-nav-checked {
color: $gray-color-light;
}
.carousel {
background: $bg-color;
display: block;
@@ -44,7 +57,7 @@
opacity: 0;
position: absolute;
top: 50%;
transition: all .4s ease;
transition: all .4s;
transform: translateY(-50%);
z-index: $zindex-1;
}
@@ -57,19 +70,16 @@
}
.carousel-locator {
&:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1),
&:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2),
&:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3),
&:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4) {
animation: carousel-slidein .75s ease-in-out 1;
opacity: 1;
z-index: $zindex-1;
@for $i from 1 through ($carousel-number) {
&:nth-of-type(#{$i}):checked ~ .carousel-container .carousel-item:nth-of-type(#{$i}) {
@extend %carousel-image-checked;
}
}
&:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1),
&:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2),
&:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3),
&:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4) {
color: $gray-color-light;
@for $i from 1 through ($carousel-number) {
&:nth-of-type(#{$i}):checked ~ .carousel-nav .nav-item:nth-of-type(#{$i}) {
@extend %carousel-nav-checked;
}
}
}
user/themes/quark/scss/spectre/_chips.scss
+5 -2
View File
@@ -3,16 +3,18 @@
align-items: center;
background: $bg-color-dark;
border-radius: 5rem;
color: $gray-color-dark;
display: inline-flex;
font-size: 90%;
height: $unit-6;
line-height: $unit-4;
margin: $unit-h;
max-width: 100%;
max-width: $control-width-sm;
overflow: hidden;
padding: $unit-1 $unit-2;
text-decoration: none;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
&.active {
background: $primary-color;
@@ -25,6 +27,7 @@
}
.btn-clear {
border-radius: 50%;
transform: scale(.75);
}
}
user/themes/quark/scss/spectre/_forms.scss
+36 -26
View File
@@ -34,7 +34,6 @@ legend {
// Form element: Input
.form-input {
@include control-transition();
appearance: none;
background: $bg-color-light;
background-image: none;
@@ -49,6 +48,7 @@ legend {
outline: none;
padding: $control-padding-y $control-padding-x;
position: relative;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
width: 100%;
&:focus {
@include control-shadow();
@@ -85,7 +85,11 @@ legend {
// Form element: Textarea
textarea.form-input {
height: auto;
&,
&.input-lg,
&.input-sm {
height: auto;
}
}
// Form element: Input hint
@@ -118,19 +122,7 @@ textarea.form-input {
padding: $control-padding-y $control-padding-x;
vertical-align: middle;
width: 100%;
&[size],
&[multiple] {
height: auto;
option {
padding: $unit-h $unit-1;
}
}
&:not([multiple]):not([size]) {
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
padding-right: $control-icon-size + $control-padding-x;
}
background: $bg-color-light;
&:focus {
@include control-shadow();
border-color: $primary-color;
@@ -151,6 +143,21 @@ textarea.form-input {
height: $control-size-lg;
padding: $control-padding-y-lg ($control-icon-size + $control-padding-x-lg) $control-padding-y-lg $control-padding-x-lg;
}
// Multiple select
&[size],
&[multiple] {
height: auto;
padding: $control-padding-y $control-padding-x;
option {
padding: $unit-h $unit-1;
}
}
&:not([multiple]):not([size]) {
background: $bg-color-light url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center / .4rem .5rem;
padding-right: $control-icon-size + $control-padding-x;
}
}
// Form Icons
@@ -218,11 +225,11 @@ textarea.form-input {
}
.form-icon {
@include control-transition();
border: $border-width solid $border-color-dark;
cursor: pointer;
display: inline-block;
position: absolute;
transition: background .2s, border .2s, box-shadow .2s, color .2s;
}
// Input checkbox, radio and switch sizes
@@ -266,14 +273,14 @@ textarea.form-input {
border-left-width: 0;
border-top-width: 0;
content: "";
height: 12px;
height: 9px;
left: 50%;
margin-left: -4px;
margin-top: -8px;
margin-left: -3px;
margin-top: -6px;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 8px;
width: 6px;
}
}
&:indeterminate + .form-icon {
@@ -304,12 +311,12 @@ textarea.form-input {
background: $bg-color-light;
border-radius: 50%;
content: "";
height: 4px;
height: 6px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 4px;
width: 6px;
}
}
}
@@ -320,7 +327,7 @@ textarea.form-input {
padding-left: ($unit-8 + $control-padding-x);
.form-icon {
background: $gray-color-light;
background: $gray-color;
background-clip: padding-box;
border-radius: $unit-2 + $border-width;
height: $unit-4 + $border-width * 2;
@@ -328,7 +335,6 @@ textarea.form-input {
top: ($control-size-sm - $unit-4) / 2 - $border-width;
width: $unit-8;
&::before {
@include control-transition();
background: $bg-color-light;
border-radius: 50%;
content: "";
@@ -337,6 +343,7 @@ textarea.form-input {
left: 0;
position: absolute;
top: 0;
transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
width: $unit-4;
}
}
@@ -424,6 +431,7 @@ textarea.form-input {
.form-select {
.has-success &,
&.is-success {
background: lighten($success-color, 53%);
border-color: $success-color;
&:focus {
@include control-shadow($success-color);
@@ -432,6 +440,7 @@ textarea.form-input {
.has-error &,
&.is-error {
background: lighten($error-color, 53%);
border-color: $error-color;
&:focus {
@include control-shadow($error-color);
@@ -447,7 +456,7 @@ textarea.form-input {
.form-icon {
border-color: $error-color;
}
input {
&:checked + .form-icon {
background: $error-color;
@@ -481,6 +490,7 @@ textarea.form-input {
border-color: $error-color;
&:focus {
@include control-shadow($error-color);
background: lighten($error-color, 53%);
}
& + .form-input-hint {
@@ -542,4 +552,4 @@ input {
// Form inline
.form-inline {
display: inline-block;
}
}
user/themes/quark/scss/spectre/_hero.scss
+22
View File
@@ -0,0 +1,22 @@
// Hero
.hero {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 4rem;
padding-top: 4rem;
&.hero-sm {
padding-bottom: 2rem;
padding-top: 2rem;
}
&.hero-lg {
padding-bottom: 8rem;
padding-top: 8rem;
}
.hero-body {
padding: $layout-spacing;
}
}
user/themes/quark/scss/spectre/_layout.scss
-1
View File
@@ -5,7 +5,6 @@
padding-left: $layout-spacing;
padding-right: $layout-spacing;
width: 100%;
@extend .clearfix;
$grid-spacing: ($layout-spacing / ($layout-spacing * 0 + 1)) * $html-font-size;
user/themes/quark/scss/spectre/_mixins.scss
+1 -2
View File
@@ -7,5 +7,4 @@
@import "mixins/position";
@import "mixins/shadow";
@import "mixins/text";
@import "mixins/toast";
@import "mixins/transition";
@import "mixins/toast";
user/themes/quark/scss/spectre/_navbar.scss
-1
View File
@@ -23,7 +23,6 @@
.navbar-brand {
font-size: $font-size-lg;
font-weight: 500;
text-decoration: none;
}
}
user/themes/quark/scss/spectre/_off-canvas.scss
+1 -1
View File
@@ -28,7 +28,7 @@ $off-canvas-breakpoint: $size-lg !default;
overflow-y: auto;
position: fixed;
top: 0;
transition: transform .25s ease;
transition: transform .25s;
z-index: $zindex-2;
@if $rtl == true {
right: 0;
user/themes/quark/scss/spectre/_pagination.scss
-1
View File
@@ -15,7 +15,6 @@
a {
border-radius: $border-radius;
color: $gray-color-dark;
display: inline-block;
padding: $unit-1 $unit-2;
text-decoration: none;
user/themes/quark/scss/spectre/_parallax.scss
+1 -1
View File
@@ -52,7 +52,7 @@ $parallax-fade-color: rgba(255, 255, 255, .35) !default;
text-shadow: 0 0 20px rgba($dark-color, .75);
top: 0;
transform: translateZ($parallax-offset-z) scale($parallax-scale);
transition: all .4s ease;
transition: transform .4s;
width: 100%;
z-index: $zindex-0;
}
user/themes/quark/scss/spectre/_popovers.scss
+5 -5
View File
@@ -10,7 +10,7 @@
position: absolute;
top: 0;
transform: translate(-50%, -50%) scale(0);
transition: transform .2s ease;
transition: transform .2s;
width: $control-width-sm;
z-index: $zindex-3;
}
@@ -19,7 +19,7 @@
&:hover .popover-container {
display: block;
opacity: 1;
transform: translate(-50%, -100%);
transform: translate(-50%, -100%) scale(1);
}
&.popover-right {
@@ -30,7 +30,7 @@
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(0, -50%);
transform: translate(0, -50%) scale(1);
}
}
@@ -42,7 +42,7 @@
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(-50%, 0);
transform: translate(-50%, 0) scale(1);
}
}
@@ -54,7 +54,7 @@
*:focus + .popover-container,
&:hover .popover-container {
transform: translate(-100%, -50%);
transform: translate(-100%, -50%) scale(1);
}
}
user/themes/quark/scss/spectre/_sliders.scss
+3 -3
View File
@@ -26,7 +26,7 @@
border-radius: 50%;
height: $unit-3;
margin-top: -($unit-3 - $unit-h) / 2;
transition: transform .2s ease;
transition: transform .2s;
width: $unit-3;
}
&::-moz-range-thumb {
@@ -34,7 +34,7 @@
border: 0;
border-radius: 50%;
height: $unit-3;
transition: transform .2s ease;
transition: transform .2s;
width: $unit-3;
}
&::-ms-thumb {
@@ -42,7 +42,7 @@
border: 0;
border-radius: 50%;
height: $unit-3;
transition: transform .2s ease;
transition: transform .2s;
width: $unit-3;
}
user/themes/quark/scss/spectre/_steps.scss
+3 -2
View File
@@ -24,7 +24,7 @@
}
a {
color: $gray-color;
color: $primary-color;
display: inline-block;
padding: 20px 10px 0;
text-decoration: none;
@@ -59,9 +59,10 @@
}
a {
color: $gray-color;
&::before {
background: $gray-color-light;
background: $border-color;
}
}
}
user/themes/quark/scss/spectre/_tables.scss
+1 -1
View File
@@ -38,7 +38,7 @@
}
}
// Tables with horizontal scrollbar
// Scollable tables
&.table-scroll {
display: block;
overflow-x: auto;
user/themes/quark/scss/spectre/_timelines.scss
+3 -1
View File
@@ -24,10 +24,12 @@
}
.timeline-icon {
align-items: center;
border-radius: 50%;
color: $light-color;
display: block;
display: flex;
height: $unit-6;
justify-content: center;
text-align: center;
width: $unit-6;
&::before {
user/themes/quark/scss/spectre/_toasts.scss
+7 -1
View File
@@ -37,6 +37,12 @@
}
.btn-clear {
margin: 4px -2px 4px 4px;
margin: $unit-h;
}
p {
&:last-child {
margin-bottom: 0;
}
}
}
user/themes/quark/scss/spectre/_tooltips.scss
+2 -2
View File
@@ -2,7 +2,7 @@
.tooltip {
position: relative;
&::after {
background: rgba($dark-color, .9);
background: rgba($dark-color, .95);
border-radius: $border-radius;
bottom: 100%;
color: $light-color;
@@ -18,7 +18,7 @@
position: absolute;
text-overflow: ellipsis;
transform: translate(-50%, $unit-2);
transition: all .2s ease;
transition: opacity .2s, transform .2s;
white-space: pre;
z-index: $zindex-3;
}
user/themes/quark/scss/spectre/_typography.scss
+2 -1
View File
@@ -71,8 +71,9 @@ kbd {
mark {
@include label-variant($body-font-color, $highlight-color);
border-bottom: $unit-o solid darken($highlight-color, 15%);
border-radius: $border-radius;
padding: .05rem;
padding: $unit-o $unit-h 0;
}
// Blockquote
user/themes/quark/scss/spectre/_variables.scss
+1 -1
View File
@@ -1,5 +1,5 @@
// Core variables
$version: "0.5.3";
$version: "0.5.7";
// Core features
$rtl: false !default;
user/themes/quark/scss/spectre/_viewer-360.scss
+33
View File
@@ -0,0 +1,33 @@
// 360 Degree Viewer
// The number of images
$image-height: 9rem;
$image-number: 36 !default;
$image-width: 24rem;
.viewer-360 {
align-items: center;
display: flex;
flex-direction: column;
@for $s from 1 through ($image-number) {
.viewer-slider[value='#{$s}'] + .viewer-image {
background-position-y: percentage((($s)-1) * 1/(($image-number)-1));
}
}
.viewer-slider {
cursor: ew-resize;
margin: 1rem;
order: 2;
width: 60%;
}
.viewer-image {
background-position-y: 0;
background-repeat: no-repeat;
background-size: 100%;
height: $image-height;
order: 1;
width: $image-width;
}
}
user/themes/quark/scss/spectre/icons/_icons-action.scss
+22 -23
View File
@@ -1,4 +1,3 @@
// Icon resize
.icon-resize-horiz,
.icon-resize-vert {
@@ -7,7 +6,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .45em;
width: .45em;
}
@@ -35,7 +33,6 @@
background: currentColor;
box-shadow: -.4em 0, .4em 0;
border-radius: 50%;
content: "";
height: 3px;
width: 3px;
}
@@ -53,7 +50,6 @@
.icon-cross {
&::before {
background: currentColor;
content: "";
height: $icon-border-width;
width: 100%;
}
@@ -63,7 +59,6 @@
.icon-cross {
&::after {
background: currentColor;
content: "";
height: 100%;
width: $icon-border-width;
}
@@ -88,7 +83,6 @@
border: $icon-border-width solid currentColor;
border-right: 0;
border-top: 0;
content: "";
height: .5em;
width: .9em;
transform: translate(-50%, -75%) rotate(-45deg);
@@ -101,7 +95,6 @@
border-radius: 50%;
&::before {
background: currentColor;
content: "";
height: $icon-border-width;
transform: translate(-50%, -50%) rotate(45deg);
width: 1em;
@@ -128,7 +121,6 @@
border: $icon-border-width solid currentColor;
border-radius: 50%;
border-right-color: transparent;
content: "";
height: 1em;
width: 1em;
}
@@ -136,7 +128,6 @@
border: .2em solid currentColor;
border-top-color: transparent;
border-left-color: transparent;
content: "";
height: 0;
left: 80%;
top: 20%;
@@ -149,7 +140,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .75em;
left: 5%;
top: 5%;
@@ -158,7 +148,6 @@
}
&::after {
background: currentColor;
content: "";
height: $icon-border-width;
left: 80%;
top: 80%;
@@ -171,7 +160,6 @@
.icon-edit {
&::before {
border: $icon-border-width solid currentColor;
content: "";
height: .4em;
transform: translate(-40%, -60%) rotate(-45deg);
width: .85em;
@@ -180,7 +168,6 @@
border: .15em solid currentColor;
border-top-color: transparent;
border-right-color: transparent;
content: "";
height: 0;
left: 5%;
top: 95%;
@@ -196,7 +183,6 @@
border-bottom-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
border-top: 0;
content: "";
height: .75em;
top: 60%;
width: .75em;
@@ -204,7 +190,6 @@
&::after {
background: currentColor;
box-shadow: -.25em .2em, .25em .2em;
content: "";
height: $icon-border-width;
top: $icon-border-width/2;
width: .5em;
@@ -221,7 +206,6 @@
border: $icon-border-width solid currentColor;
border-left: 0;
border-top: 0;
content: "";
height: .4em;
left: 100%;
top: .25em;
@@ -233,7 +217,6 @@
border-bottom: 0;
border-right: 0;
border-radius: 75% 0;
content: "";
height: .5em;
width: .6em;
}
@@ -243,7 +226,6 @@
.icon-flag {
&::before {
background: currentColor;
content: "";
height: 1em;
left: 15%;
width: $icon-border-width;
@@ -253,7 +235,6 @@
border-bottom-right-radius: $border-radius;
border-left: 0;
border-top-right-radius: $border-radius;
content: "";
height: .65em;
top: 35%;
left: 60%;
@@ -268,7 +249,6 @@
border-bottom: 0;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
content: "";
height: .9em;
width: .8em;
}
@@ -277,7 +257,6 @@
border-bottom: 0;
border-left: 0;
border-radius: $border-radius;
content: "";
height: .5em;
transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg);
width: .5em;
@@ -292,14 +271,12 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .5em;
width: .5em;
transform: translate(-50%, -60%) rotate(-135deg);
}
&::after {
background: currentColor;
content: "";
height: .6em;
top: 40%;
width: $icon-border-width;
@@ -314,3 +291,25 @@
top: 50%;
}
}
// Icon copy
.icon-copy {
&::before {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
border-right: 0;
border-bottom: 0;
height: .8em;
left: 40%;
top: 35%;
width: .8em;
}
&::after {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
height: .8em;
left: 60%;
top: 60%;
width: .8em;
}
}
user/themes/quark/scss/spectre/icons/_icons-core.scss
+1
View File
@@ -15,6 +15,7 @@ $icon-prefix: "icon";
width: 1em;
&::before,
&::after {
content: "";
display: block;
left: 50%;
position: absolute;
user/themes/quark/scss/spectre/icons/_icons-navigation.scss
-6
View File
@@ -11,7 +11,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-right: 0;
content: "";
height: .65em;
width: .65em;
}
@@ -45,7 +44,6 @@
.icon-forward {
&::after {
background: currentColor;
content: "";
height: $icon-border-width;
width: .8em;
}
@@ -55,7 +53,6 @@
.icon-upward {
&::after {
background: currentColor;
content: "";
height: .8em;
width: $icon-border-width;
}
@@ -103,7 +100,6 @@
border-top: .3em solid currentColor;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
content: "";
height: 0;
transform: translate(-50%, -25%);
width: 0;
@@ -115,7 +111,6 @@
&::before {
background: currentColor;
box-shadow: 0 -.35em, 0 .35em;
content: "";
height: $icon-border-width;
width: 100%;
}
@@ -126,7 +121,6 @@
&::before {
background: currentColor;
box-shadow: -.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em;
content: "";
height: 3px;
width: 3px;
}
user/themes/quark/scss/spectre/icons/_icons-object.scss
+3 -18
View File
@@ -4,14 +4,12 @@
border-radius: 50%;
&::before {
background: currentColor;
content: "";
height: .4em;
transform: translate(-50%, -75%);
width: $icon-border-width;
}
&::after {
background: currentColor;
content: "";
height: .3em;
transform: translate(-50%, -75%) rotate(90deg);
transform-origin: 50% 90%;
@@ -24,7 +22,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: $border-radius;
content: "";
height: .8em;
width: 1em;
}
@@ -32,7 +29,6 @@
border: $icon-border-width solid currentColor;
border-right: 0;
border-top: 0;
content: "";
height: .5em;
transform: translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg);
width: .5em;
@@ -44,7 +40,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .45em;
top: 25%;
width: .45em;
@@ -52,7 +47,6 @@
&::after {
border: $icon-border-width solid currentColor;
border-radius: 50% 50% 0 0;
content: "";
height: .4em;
top: 75%;
width: .9em;
@@ -70,7 +64,6 @@
border-bottom-right-radius: $border-radius;
border-left: 0;
border-top: 0;
content: "";
height: .8em;
left: 65%;
top: 40%;
@@ -79,7 +72,6 @@
&::after {
background: currentColor;
border-radius: $border-radius;
content: "";
height: .3em;
left: 10%;
top: 100%;
@@ -95,7 +87,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .25em;
left: 35%;
top: 35%;
@@ -105,7 +96,6 @@
border: $icon-border-width solid currentColor;
border-bottom: 0;
border-left: 0;
content: "";
height: .5em;
left: 60%;
transform: translate(-50%, 25%) rotate(-45deg);
@@ -120,7 +110,6 @@
border: $icon-border-width solid currentColor;
border-radius: 5em 0 0 5em;
border-right: 0;
content: "";
height: .5em;
width: .75em;
}
@@ -137,7 +126,6 @@
&::before {
border: $icon-border-width solid currentColor;
border-radius: 50% 50% 50% 0;
content: "";
height: .8em;
transform: translate(-50%, -60%) rotate(-45deg);
width: .8em;
@@ -145,7 +133,6 @@
&::after {
border: $icon-border-width solid currentColor;
border-radius: 50%;
content: "";
height: .2em;
transform: translate(-50%, -80%);
width: .2em;
@@ -158,17 +145,15 @@
border-radius: 50%;
&::before {
border-radius: 50%;
box-shadow: -.17em -.15em, .17em -.15em;
content: "";
height: .1em;
width: .1em;
box-shadow: -.17em -.1em, .17em -.1em;
height: .15em;
width: .15em;
}
&::after {
border: $icon-border-width solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
border-right-color: transparent;
content: "";
height: .5em;
transform: translate(-50%, -40%) rotate(-135deg);
width: .5em;
user/themes/quark/scss/spectre/mixins/_color.scss
+2 -2
View File
@@ -1,7 +1,7 @@
// Background color utility mixin
@mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
#{$name} {
background: $color;
background: $color !important;
@if (lightness($color) < 60) {
color: $light-color;
@@ -12,7 +12,7 @@
// Text color utility mixin
@mixin text-color-variant($name: ".text-primary", $color: $primary-color) {
#{$name} {
color: $color;
color: $color !important;
}
a#{$name} {
user/themes/quark/scss/spectre/mixins/_toast.scss
+1 -1
View File
@@ -1,5 +1,5 @@
// Toast variant mixin
@mixin toast-variant($color: $dark-color) {
background: rgba($color, .9);
background: rgba($color, .95);
border-color: $color;
}
user/themes/quark/scss/spectre/utilities/_cursors.scss
+1 -1
View File
@@ -21,4 +21,4 @@
.c-auto {
cursor: auto;
}
}
user/themes/quark/scss/spectre/utilities/_position.scss
+8 -4
View File
@@ -11,19 +11,23 @@
float: right !important;
}
.relative {
.p-relative {
position: relative !important;
}
.absolute {
.p-absolute {
position: absolute !important;
}
.fixed {
.p-fixed {
position: fixed !important;
}
.centered {
.p-sticky {
position: sticky !important;
}
.p-centered {
display: block;
float: none;
margin-left: auto;
user/themes/quark/scss/theme/_header.scss
+7 -1
View File
@@ -53,6 +53,12 @@
}
}
.navbar-section.desktop-menu {
@include breakpoint(md) {
display: none;
}
}
.logo {
svg, img {
height: 42px;
@@ -92,4 +98,4 @@ body.header-fixed.header-animated {
.login-status-wrapper {
white-space: nowrap;
}
}
user/themes/quark/templates/blog.html.twig
+2
View File
@@ -14,8 +14,10 @@
{% block javascripts %}
{{ parent() }}
{% do assets.add('theme://js/bricklayer.min.js') %}
{% do assets.add('theme://js/scopedQuerySelectorShim.min.js') %}
{% endblock %}
{% block hero %}
{% include 'partials/hero.html.twig' with {id: 'blog-hero', content: page.content, hero_image: blog_image} %}
{% endblock %}
user/themes/quark/templates/default.html.twig
+1 -1
View File
@@ -1,5 +1,5 @@
{% extends 'partials/base.html.twig' %}
{% block content %}
{{ page.content }}
{{ page.content|raw }}
{% endblock %}
user/themes/quark/templates/error.html.twig
+2 -2
View File
@@ -3,9 +3,9 @@
{% block content %}
<div id="error">
<div>
<h1>{{ 'ERROR'|t }} {{ page.header.http_response_code }}</h1>
<h1>{{ 'PLUGIN_ERROR.ERROR'|t }} {{ page.header.http_response_code }}</h1>
<p>
{{ page.content }}
{{ page.content|raw }}
</p>
</div>
</div>
user/themes/quark/templates/macros/macros.html.twig
+22
View File
@@ -0,0 +1,22 @@
{% macro nav_loop(page) %}
{% import _self as macros %}
{% for p in page.children.visible %}
{% set active_page = (p.active or p.activeChild) ? ' class="active"' : '' %}
{% if p.children.visible.count > 0 %}
<li>
<a href="{{ p.url }}"{{ active_page }}>
{{ p.menu }}
</a>
<ul>
{{ macros.nav_loop(p) }}
</ul>
</li>
{% else %}
<li>
<a href="{{ p.url }}"{{ active_page }}>
{{ p.menu }}
</a>
</li>
{% endif %}
{% endfor %}
{% endmacro %}
user/themes/quark/templates/modular.html.twig
+10 -7
View File
@@ -1,8 +1,11 @@
{% extends 'partials/base.html.twig' %}
{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
{% import _self as macro %}
{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
{% block javascripts %}
{% if show_onpage_menu %}
{% do assets.add('theme://js/singlepagenav.min.js') %}
@@ -28,9 +31,9 @@
{% block header_navigation %}
{% if show_onpage_menu %}
<ul class="navigation">
{% for module in page.collection() %}
{% for module in page.collection() if module.header.visible is not same as(false) %}
{% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
<li><a class="{{ current_module }}" href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
<li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
{% endfor %}
{% for mitem in site.menu %}
<li>
@@ -48,14 +51,14 @@
{% block hero %}
{% for module in page.collection() if module.template == 'modular/hero' %}
<div id="{{ _self.pageLinkName(module.menu) }}"></div>
{{ module.content }}
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
{{ module.content|raw }}
{% endfor %}
{% endblock %}
{% block body %}
{% for module in page.collection() if module.template != 'modular/hero' %}
<div id="{{ _self.pageLinkName(module.menu) }}"></div>
{{ module.content }}
<div id="{{ macro.pageLinkName(module.menu) }}"></div>
{{ module.content|raw }}
{% endfor %}
{% endblock %}
user/themes/quark/templates/modular/features.html.twig
+14 -12
View File
@@ -4,22 +4,24 @@
<section class="container {{ grid_size }}">
<div class="frame-box">
{{ content }}
{{ content|raw }}
<div class="columns">
{% for feature in page.header.features %}
<div class="column {{ columns }}">
<div class="feature-icon">
<i class="fa fa-fw {{ feature.icon }}"></i>
{% if feature.header %}
<h6>{{ feature.header }}</h6>
{% endif %}
</div>
<div class="feature-content">
{% if feature.text %}
<p>{{ feature.text }}</p>
{% endif %}
</div>
{% if feature.url %}<a href="{{feature.url}}">{% endif %}
<div class="feature-icon">
<i class="fa fa-fw {{ feature.icon }}"></i>
{% if feature.header %}
<h6>{{ feature.header }}</h6>
{% endif %}
</div>
{% if feature.url %}</a>{% endif %}
<div class="feature-content">
{% if feature.text %}
<p>{{ feature.text }}</p>
{% endif %}
</div>
</div>
{% endfor %}
</div>
user/themes/quark/templates/modular/text.html.twig
+8 -2
View File
@@ -4,14 +4,20 @@
<section class="section modular-text {{ page.header.class}} bg-gray">
<section class="container {{ grid_size }}">
<div class="columns {{ page.header.image_align|default('align-right') }}">
{% if image %}
<div class="column col-6 col-md-12">
{{ content }}
{{ content|raw }}
</div>
<div class="column col-6 col-md-12">
{% if image %}
{{ image.html }}
{{ image.html|raw }}
{% endif %}
</div>
{% else %}
<div class="column col-12">
{{ content|raw }}
</div>
{% endif %}
</div>
</section>
</section>
user/themes/quark/templates/partials/base.html.twig
+12 -16
View File
@@ -1,6 +1,6 @@
{% set body_classes = body_class(['header-fixed', 'header-animated', 'header-dark', 'header-transparent', 'sticky-footer']) %}
{% set grid_size = theme_var('grid-size') %}
{% set compress = theme_var('production_mode') ? '.min.css' : '.css' %}
{% set compress = theme_var('production-mode') ? '.min.css' : '.css' %}
<!DOCTYPE html>
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
<head>
@@ -23,14 +23,14 @@
{% do assets.addCss('theme://css/custom.css') %}
{% do assets.addCss('theme://css/line-awesome.min.css') %}
{% endblock %}
{{ assets.css() }}
{{ assets.css()|raw }}
{% block javascripts %}
{% do assets.addJs('jquery', 101) %}
{% do assets.addJs('theme://js/jquery.treemenu.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
{% endblock %}
{{ assets.js() }}
{{ assets.js()|raw }}
{% endblock head %}
</head>
@@ -43,12 +43,12 @@
<section class="navbar-section logo">
{% include 'partials/logo.html.twig' %}
</section>
<section class="navbar-section">
<section class="navbar-section desktop-menu">
<nav class="dropmenu animated">
{% block header_navigation %}
{% include 'partials/navigation.html.twig' %}
{% endblock %}
{% block header_navigation %}
{% include 'partials/navigation.html.twig' %}
{% endblock %}
</nav>
{% if config.plugins.login.enabled and grav.user.username %}
@@ -85,14 +85,9 @@
</div>
{% block footer %}
<section id="footer" class="section bg-gray">
<section class="container {{ grid_size }}">
<p><a href="http://getgrav.org">Grav</a> was <i class="fa fa-code"></i> with <i class="fa fa-heart-o pulse "></i> by <a href="https://trilby.media">Trilby Media</a>.</p>
</section>
</section>
{% endblock %}
{% block footer %}
{% include 'partials/footer.html.twig' %}
{% endblock %}
<div class="mobile-container">
<div class="overlay" id="overlay">
@@ -106,7 +101,8 @@
</div>
{% block bottom %}
{{ assets.js('bottom') }}
{{ assets.js('bottom')|raw }}
{% endblock %}
</body>
</html>
user/themes/quark/templates/partials/blog-item.html.twig
+6 -4
View File
@@ -1,5 +1,7 @@
<div class="content-item h-entry">
{% if not hero_image_name %}
<div class="content-title text-center">
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
@@ -12,10 +14,10 @@
{% endif %}
<div class="e-content">
{{ page.content }}
{{ page.content|raw }}
</div>
{% if page.header.continue_link is sameas(true) and config.plugins.comments.enabled %}
{% if page.header.continue_link is same as(true) and config.plugins.comments.enabled %}
{% include 'partials/comments.html.twig' %}
{% endif %}
@@ -26,10 +28,10 @@
{% if not page.isLast %}
<a class="btn" href="{{ page.prevSibling.url }}"><i class="fa fa-angle-left"></i> {{ 'BLOG.ITEM.PREV_POST'|t }}</a>
<a class="btn" href="{{ page.prevSibling.url }}"><i class="fa fa-angle-left"></i> {{ 'THEME_QUARK.BLOG.ITEM.PREV_POST'|t }}</a>
{% endif %}
{% if not page.isFirst %}
<a class="btn" href="{{ page.nextSibling.url }}">{{ 'BLOG.ITEM.NEXT_POST'|t }} <i class="fa fa-angle-right"></i></a>
<a class="btn" href="{{ page.nextSibling.url }}">{{ 'THEME_QUARK.BLOG.ITEM.NEXT_POST'|t }} <i class="fa fa-angle-right"></i></a>
{% endif %}
</p>
user/themes/quark/templates/partials/blog-list-item.html.twig
+2 -2
View File
@@ -15,9 +15,9 @@
</div>
<div class="card-body">
{% if page.summary != page.content %}
{{ page.summary }}
{{ page.summary|raw }}
{% else %}
{{ page.content }}
{{ page.content|raw }}
{% endif %}
</div>
<div class="card-footer">
user/themes/quark/templates/partials/blog/page-summary.html.twig
+2 -2
View File
@@ -1,8 +1,8 @@
<div class="p-summary e-content">
{% if page.summary != page.content %}
{{ page.summary }}
{{ page.summary|raw }}
{% else %}
{{ page.content }}
{{ page.content|raw }}
{% endif %}
</div>
user/themes/quark/templates/partials/blog/title.html.twig
+1 -1
View File
@@ -1,7 +1,7 @@
{% set title_level = title_level ?: 'h2' %}
{% if page.header.link %}
<{{ title_level }} class="p-name mt-1">
{% if page.header.continue_link is not sameas(false) %}
{% if page.header.continue_link is not same as(false) %}
<a href="{{ page.url }}"><i class="fa fa-angle-double-right u-url"></i></a>
{% endif %}
<a href="{{ page.header.link }}" class="u-url">{{ page.title }}</a>
user/themes/quark/templates/partials/footer.html.twig
+5
View File
@@ -0,0 +1,5 @@
<section id="footer" class="section bg-gray">
<section class="container {{ grid_size }}">
<p><a href="http://getgrav.org">Grav</a> was <i class="fa fa-code"></i> with <i class="fa fa-heart-o pulse "></i> by <a href="https://trilby.media">Trilby Media</a>.</p>
</section>
</section>
user/themes/quark/templates/partials/form-messages.html.twig
+5 -5
View File
@@ -1,6 +1,6 @@
{% if form.message %}
{% set icon_mapping = {'success':'checkmark', 'error':'wrong', 'warning':'information'} %}
{% set message = form.inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
<div class="toast toast-{{ form.status }} mt-2 mb-2"><i class="icon dripicons-{{ icon_mapping[form.status] }}"></i> {{ message }}</div>
{% endif %}
{% set inline_errors = form.inline_errors is not null ? form.inline_errors : config.plugins.form.inline_errors(false) %}
{% set status_mapping = {'success':'green', 'error': 'red', 'warning': 'yellow'} %}
{% set message = inline_errors and form.messages ? "FORM.VALIDATION_FAIL"|t : form.message %}
<div class="toast toast-{{ form.status }} {{ status_mapping[form.status] ?: 'green' }} mt-2 mb-2">{{ message|raw }}</div>
{% endif %}
user/themes/quark/templates/partials/hero.html.twig
+1 -1
View File
@@ -1,7 +1,7 @@
<section id="{{ id }}" class="section modular-hero hero {{ page.header.hero_classes }} {{ page.header.background.parallax ? 'parallax' : '' }}" {% if hero_image %}style="background-image: url({{ hero_image.url }});"{% endif %}>
<div class="image-overlay"></div>
<section class="container {{ grid_size }}" style="text-align: {{ page.header.hero_align|default('center') }}">
{{ content }}
{{ content|raw }}
</section>
<i id="to-start" class="pulse fa fa-angle-down"></i>
</section>
user/themes/quark/templates/partials/navigation.html.twig
+2 -22
View File
@@ -1,26 +1,6 @@
{% macro nav_loop(page) %}
{% for p in page.children.visible %}
{% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
{% if p.children.visible.count > 0 %}
<li>
<a href="{{ p.url }}" class="{{ active_page }}">
{{ p.menu }}
</a>
<ul>
{{ _self.nav_loop(p) }}
</ul>
</li>
{% else %}
<li>
<a href="{{ p.url }}" class="{{ active_page }}">
{{ p.menu }}
</a>
</li>
{% endif %}
{% endfor %}
{% endmacro %}
{% import 'macros/macros.html.twig' as macros %}
<ul {{ tree ? 'class="tree"' : '' }}>
{{ _self.nav_loop(pages) }}
{{ macros.nav_loop(pages) }}
</ul>
user/themes/quark/templates/partials/sidebar.html.twig
+7 -7
View File
@@ -8,34 +8,34 @@
{% endif %}
{% if config.plugins.relatedpages.enabled and related_pages|length > 0 %}
<div class="sidebar-content">
<h4>{{ 'SIDEBAR.RELATED_POSTS.HEADLINE'|t }}</h4>
<h4>{{ 'THEME_QUARK.SIDEBAR.RELATED_POSTS.HEADLINE'|t }}</h4>
{% include 'partials/relatedpages.html.twig' %}
</div>
{% endif %}
{% if config.plugins.random.enabled %}
<div class="sidebar-content">
<h4>{{ 'SIDEBAR.RANDOM_ARTICLE.HEADLINE'|t }}</h4>
<a class="button" href="{{ base_url }}/random"><i class="fa fa-retweet"></i> {{ 'SIDEBAR.RANDOM_ARTICLE.FEELING_LUCKY'|t }}</a>
<h4>{{ 'THEME_QUARK.SIDEBAR.RANDOM_ARTICLE.HEADLINE'|t }}</h4>
<a class="button" href="{{ base_url }}/random"><i class="fa fa-retweet"></i> {{ 'THEME_QUARK.SIDEBAR.RANDOM_ARTICLE.FEELING_LUCKY'|t }}</a>
</div>
{% endif %}
{{ page.find('/modules/sidebar').content }}
{{ page.find('/modules/sidebar').content|raw }}
{% if config.plugins.taxonomylist.enabled %}
<div class="sidebar-content">
<h4>{{ 'SIDEBAR.POPULAR_TAGS.HEADLINE'|t }}</h4>
<h4>{{ 'THEME_QUARK.SIDEBAR.POPULAR_TAGS.HEADLINE'|t }}</h4>
{% include 'partials/taxonomylist.html.twig' with {'base_url':new_base_url, 'taxonomy':'tag'} %}
</div>
{% endif %}
{% if config.plugins.archives.enabled %}
<div class="sidebar-content">
<h4>{{ 'SIDEBAR.ARCHIVES.HEADLINE'|t }}</h4>
<h4>{{ 'THEME_QUARK.SIDEBAR.ARCHIVES.HEADLINE'|t }}</h4>
{% include 'partials/archives.html.twig' with {'base_url':new_base_url} %}
</div>
{% endif %}
{% if config.plugins.feed.enabled %}
<div class="sidebar-content syndicate">
<h4>{{ 'SIDEBAR.SYNDICATE.HEADLINE'|t }}</h4>
<h4>{{ 'THEME_QUARK.SIDEBAR.SYNDICATE.HEADLINE'|t }}</h4>
<a class="btn" href="{{ feed_url }}.atom"><i class="fa fa-rss-square"></i> Atom 1.0</a>
<a class="btn" href="{{ feed_url }}.rss"><i class="fa fa-rss-square"></i> RSS</a>
{% if config.plugins.feed.enable_json_feed %}<a class="btn" href="{{ feed_url }}.json"><i class="fa fa-rss-square"></i> JSON</a>{% endif %}