[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
assets Addon | scss und import - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
ex-q
Beiträge: 8
Registriert: 25. Nov 2013, 21:59

assets Addon | scss und import

21. Jan 2016, 12:37

Hallo Zusammen,

erst einmal ein großes Dankeschön an Yakamara und alle aktiven für Redaxo 5! Wir testen gerade ob wir mit neuen Projekten schon auf R5 umsteigen können und sind bis dato hell auf begeistert.

Ein kleines Problem ist jedoch aufgetaucht:
Hat schon jemand rausgefunden wie man @import sass-Anweisungen mit dem assets Addon realisieren kann? Also beispielsweise hat man die Dateistruktur

Code: Alles auswählen

resources/css/_mixins.scss
resources/css/main.scss
und in der main.scss

Code: Alles auswählen

@import '/resources/css/mixins';
oder
@import 'resources/css/mixins';
oder
@import 'mixins';
oder
...
Leider funktioniert nichts dergleichen derzeit.
Für Hilfe wäre ich sehr dankbar!

Lg, ex-q

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

21. Jan 2016, 16:02

Ho!

Assets benötigt die Plugins zur jeweiligen Dateiendung. Für Scss muss das Plugin sassphp installiert und aktiviert sein.

Falls du das hast, musst du noch den Pfad zu deinen CSS-Ordner angeben:

/pfad/zu/assets/

und da drin liegen dann die Ordner /css und /js oder wie auch immer. Danach kannst du ein Set anlegen und die Datei main.scss aktivieren. Import sollte dann auf jeden Fall funktionieren.

lg Sascha

ex-q
Beiträge: 8
Registriert: 25. Nov 2013, 21:59

Re: assets Addon | scss und import

21. Jan 2016, 16:04

Hi Sascha,

danke für Deine schnelle Antwort!

genau das habe ich gemacht und alles funktioniert auch soweit, das scss kompiliert sauber solange man keine @import-Anweisung verwendet. Sobald man importet klappt das leider nicht, ich vermute es liegt irgendwie an den Pfadangaben...


Lg,
ex-q

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

21. Jan 2016, 16:08

Liegt Redaxo in einem Unterordner?

ex-q
Beiträge: 8
Registriert: 25. Nov 2013, 21:59

Re: assets Addon | scss und import

21. Jan 2016, 16:17

nein, alles ganz plain installiert :)

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

21. Jan 2016, 16:29

Gut, ich hab mir eben eine Datei basic.scss erstellt mit folgendem Inhalt:

---
@import '/sass/test.css';
@import '/sass/test2';

body {
line-height: 1;
}
---

Im selben Verzeichnis wie die basic.scss liegt auch der Ordner /sass/

Der import geht auf jedenfalls von der Sass-Datei aus.

ex-q
Beiträge: 8
Registriert: 25. Nov 2013, 21:59

Re: assets Addon | scss und import

21. Jan 2016, 17:08

Aaaah vielen Dank, jetzt bin ich durch Dich auf die Lösung gekommen :)

Beim Sass-@Import ist es normalerweise so, dass die zu importierende Datei mit einem "_" beginnt und auf ".scss" endet, also z.B. "_mixins.scss". In der Import-Anweisung schreibt man dann aber nur "mixins".
Quelle: http://sass-lang.com/guide

Im assets-Package wird aber nicht auf den Underscore eingegangen, daher hat es bei mir nicht geklappt. Wenn ich den Unterstrich beim Import schreibe klappt alles wunderbar!

Vielen Dank für Eure Hilfe!

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

21. Jan 2016, 17:19

Ah okay, dass könnte ich ggf. noch einbauen ^^

Gerne.

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: assets Addon | scss und import

21. Jan 2016, 21:39

Cool,

dann ist Bootstrab & Co nutzbar ;-)

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

ex-q
Beiträge: 8
Registriert: 25. Nov 2013, 21:59

Re: assets Addon | scss und import

22. Jan 2016, 11:16

Ach Du bist direkt der Autor? :)

Dann kann ich Dir ja vllt. auf dem Wege noch einen kleinen Bug reporten: Wenn man @font-face verwendet mit mehreren, komma-getrennten url-Angaben für die src, dann konvertiert er immer nur den Pfad für die erste url-Angabe.

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

26. Feb 2016, 12:24

Ho!

Das Problem sollte behoben sein.

Benutzeravatar
Oliver.Kreischer
Beiträge: 2508
Registriert: 17. Dez 2004, 00:03
Wohnort: Velbert - LA
Kontaktdaten: Website

Re: assets Addon | scss und import

26. Feb 2016, 12:33

Cool. Danke.
Ich teste es gerne bei Gelegenheit!

LG
Oliver
> Friends Of REDAXO Gemeinsame REDAXO-Entwicklung!
> REDAXO Agenturen. Eintragen erwünscht!
> Komm in den Slack Channel Es lohnt sich!

jimhein
Beiträge: 69
Registriert: 3. Sep 2007, 11:00
Wohnort: Berlin

Re: assets Addon | scss und import

1. Mär 2016, 12:27

Ich habe gerade folgende Pfadprobleme mit SCSS. Wenn ich folgendes Snippet in mein Template einbinde

Code: Alles auswählen

REX_ASSETS[type=css file=bf] 
ergibt es folgenden Pfad in Quelltext:

Code: Alles auswählen

<link rel="stylesheet" href="/homepages/35/d12345/htdocs/blurb/assets/addons/assets/fe/bf.min.css">
Die CSS Datei ist leider über den Pfad nicht abrufbar.
Alternativ habe ich es über einen PHP-Aufruf versucht:

Code: Alles auswählen

	echo Assets::loadFiles([
		rex_path::assets('site/css/style.scss')
	]); 
Im Quelltext wird auch eine aufrufbare Url erstellt (Pfad:/assets/addons/assets/na/dcca48101505dd86b703689a604fe3c4.min.css ). In dieser CSS Datei werden allerdings die in der SCSS Datei importierten anderen SCSS Dateien (@import "normalize.scss"; @import "baseline.scss"; @import "grid.scss";) wie folgt verlinkt:

Code: Alles auswählen

@import "../../../../d12345/htdocs/blurb/assets/site/css/normalize.scss";
@import "../../../../d12345/htdocs/blurb/assets/site/css/baseline.scss";
@import "../../../../d12345/htdocs/blurb/assets/site/css/grid.scss";
Die sollten doch eigentlich durch den SCSS Parser verarbeitet werden und nicht hier verlinkt werden, oder?

Hat jemand einen Tipp für mich?

lg
ingo

Assets Addon 2.9.0
Redaxo 5.0.1
PHP 7.0.3

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

1. Mär 2016, 12:42

Ho!

Danke für die Meldung.

Ich arbeite nicht viel mit Sass, daher müsste mir jemand erstmal erklären wie Sass mit Includes und Underscores umgehen soll. In Less habe ich es so generiert, dass die Includes direkt eingebunden werden, muss das in Sass auch so sein?

Zu dem Pfaden, kannst du bitte mal die Datei test.php in deinem Redaxo-Root erstellen und folgenden Inhalt einpflegen?

Code: Alles auswählen

<?php

unset($REX);
$REX['REDAXO'] = false;
$REX['HTDOCS_PATH'] = './';
$REX['BACKEND_FOLDER'] = 'redaxo';
$REX['LOAD_PAGE'] = false;

require $REX['BACKEND_FOLDER'] . '/src/core/boot.php';
echo 'Test: '.$_SERVER['DOCUMENT_ROOT'].' - '.rex_path::base();
Damit kann ich dann sehen warum Assets dir so einen Pfad aufbaut. Mit diesen Variablen frage ich ab, ob sich Redaxo in einem Unterordner befindet. Wenn die bei dir anderst sind, müsste ich einen anderen Weg finden.

Benutzeravatar
Thomas.Blum
Entwickler
Beiträge: 5063
Registriert: 24. Aug 2004, 22:11
Wohnort: Dresden
Kontaktdaten: Website

Re: assets Addon | scss und import

1. Mär 2016, 12:59

Hej

@Sascha

Für REDAXO habe ich diesen Compiler geschrieben. Der Part mit der Underscore-Prüfung ist hier:

https://github.com/redaxo/redaxo/blob/m ... hp#L70-L87

vg Thomas

jimhein
Beiträge: 69
Registriert: 3. Sep 2007, 11:00
Wohnort: Berlin

Re: assets Addon | scss und import

1. Mär 2016, 13:10

Redaxo befindet sich nicht in einem Unterordner, sondern direkt im Root der Domain.
Dein Script spuckt folgendes aus:
Test: /kunden/homepages/35/d12345/htdocs/blurb - /homepages/35/d12345/htdocs/blurb/
Interessanterweise scheint das auf einem anderen Server zu funktionieren (gleiche PHP,Redaxo + Addon Version). Prinzipiell sollten die importierten SCSS Dateien, wie in LESS auch, direkt verarbeitet werden. Das macht ja auch der andere Server.

Ich arbeite sonst auch mit LESS, allerdings hatte ich letzte Woche das Problem, das das Assets Addon mir die MediaQueries in der LESS Datei verhackstückt hat und ich schnell eine funktionierende Alternative brauchte. Das war dann SASS...

lg
ingo

jimhein
Beiträge: 69
Registriert: 3. Sep 2007, 11:00
Wohnort: Berlin

Re: assets Addon | scss und import

1. Mär 2016, 15:00

Mir ist gerade noch folgendes aufgefallen:

Code: Alles auswählen

input[type="url"] {
	border:1px solid #ccc;
}
...
wird zu

Code: Alles auswählen

input[type="url("../../../../d12345/htdocs/blurb/assets/site/css/255,255,255,0.80");"

und folgendes Snippet liefert in Addon Version 2.8.0 noch den richtigen Pfad, ab 2.81 aber nicht mehr

Code: Alles auswählen

REX_ASSETS[type=css file=bf]

Benutzeravatar
Sioweb
Beiträge: 29
Registriert: 23. Feb 2015, 10:27
Wohnort: Waldshut-Tiengen
Kontaktdaten: Website

Re: assets Addon | scss und import

2. Mär 2016, 09:19

Danke. Ich werde schauen was ich tun kann, idealer Weise brauche ich aber Zugang zu deinem System um zu schauen warum deine Pfade so seltsam aufgelöst werden. Wäre das möglich?

Um das type="url" problem werde ich mich asap kümmern :)

Zurück zu „AddOns / Packages [R5]“