How to specify output directory of CSS file in scssphp - sass

I'm using Redux Framework and SASS. I've checked the http://leafo.net/scssphp/docs/ documentation, but I can't seem to find any mention of output css file directory mentions. And also how do I pass the Redux variables(taken from options field) to scss(_variables.scss) file and update the output css when I update of Redux Framework options from admin options menu. Thanks in advance.

Related

How to customize html in Aimeos?

First time using aimeos and I'm having difficulty locating the file with the html code.How do I access the files? e.g, using this demo link https://laravel.demo.aimeos.org/default/en/EUR where do I find the html code responsiveble for displaying the navbar?
You can do this through the settings provided by laravel aimeos: https://aimeos.org/docs/latest/laravel/customize/
You can also create a theme extension (this is the recommended option) and make changes according to your needs.
You can find the documentation at this link: https://aimeos.org/docs/latest/laravel/themes/
Also, you can use the following tool to generate a theme extension: https://aimeos.org/extensions
This way you will be able to customize all the html, css, javascript, php without losing changes when you upgrade the laravel aimeos package.
Regards,

Use my_changes on core js file in cs-cart?

I want to make changes to the wysiwyg editor in CS-Cart, and I can do this by editing the file:
/js/tygh/editors/tinymce.editor.js
But this is a core file that should only be edited through the my_changes addon.
So the question is, how do I use my_changes to edit this file?
The my_changes addon is active and is used elsewhere successfully.
I have tried putting my edited js file in this folder:
/js/addons/my_changes/tygh/editors
But this does nothing.
In the file there appears to be a js hook:
$.ceEditor('handlers', editor);
How and where do I override the editor var?
Use JS Hooks:
$.ceEvent('trigger', 'ce.picker_add_js_item', [hook_data]);
https://docs.cs-cart.com/latest/developer_guide/core/coding_standards/hooks.html#js-hooks
If there is no hooks, then ask the CS-Cart developers to create it.

Aurelia: Using KendoUI Core

I downloaded kendoui core from Telerik's website. Folder has a js directory with separate files for each widget. I want to integrate kendoui with systemJS in my Aurelia app(built on top of skeleton-navigation). I was able to do this with JQueryUI as follows:
--Created a "jquery-ui#1.11.4" folder containing the jqueryUI JavaScript lib in github folder in jspm_packages folder
--Created a file called "jquery-ui#1.11.4.js" that exports the lib above like so:
module.exports = require("github:github/jquery-ui#1.11.4/jquery-ui.js")
--Defined jqueryui in my config file: "jquery-ui": "github:github/jquery-ui#1.11.4"
Now, if I want to use any widget, like the datepicker, i do this:
import { datepicker } from 'jquery-ui';
How do I do this for kendoUI? I read somewhere that the "kendo.core.js" file contains all widgets but it seems too lightweight and using it alone didnt work. It also has a complementary .map file. What is it for?
UPDATE: As suggested in the answer below, I decided to include kendoUI and jQuery with the script tag in my index page. Also instead of importing the whole kendoUI library (kendo.ui.core.min.js->670KB) I just included the files needed for kendoUI's date picker that I needed (kendo.core, kendo.popup, kendo.calendar and kendo.datepicker->99.1KB). Incase anyone wants to use this approach, Remember that jQuery will have to be imported in index.html too and before any kendo files. Also, kendo.core should be imported before the others and datepicker after everything else(I.e. last)
The solution you are using for adding jQuery UI is not one that will scale. You should never write anything to the jspm_packages folder, as that folder is jspm's to use as it wishes. Also, you can simply install jQueryUI using JSPM (jspm install jquery-ui).
Your first option is to install KendoUI Core using jspm with jspm install kendo-ui.
If you'd prefer to go it alone, you should probably just load the kendo files using a <script> element. There's nothing wrong with doing this. These files are made to be used as global variables loaded using script tags, so don't fight it.
Again, there's nothing wrong with using script elements to load legacy (read non-modular) js files.

Have your custom theme exported in SemanticUI

Following documentation, I downloaded Semantic UI with:
npm install semantic-ui
then, I customised few variables per site, also few on element level, button for example.
This is all well, and I haven't had any problem changing those.
Then in theme.config file, I could specify:
#button: 'mytheme';
to pickup those custom style overrides
For my theme to be separate from Semantic UI core, I crated directory in the following path,
src/themes/mytheme
,and after running gulp build, I expected to have that mytheme exported over to dist/themes/mytheme along with basic and default which were already there. But that was not the case. So to be able to use my new button styles, I had to move manually newly generated button.css from dist/components after that gulp build task.
Am I doing this wrong? How to have all override files in one place like packaged theme? So I could then add <link> declaration after semantic.min.css to use my overrides.

jQuery grid plugin - js and css path

In the how to install section of the jQuery Grid plugin, it is said:
Step 3: Under the myproject folder,
create two additional directories
named js and css
Are these names a suggestion or a strong restriction?
They are suggestions. You will specify the locations of the js file and the css files within your HTML.

Resources