Topic: Sass

Text fields are not working and can’t edit in safari or any mobile devices 0

Posted by on in CSS, Less, Sass


Please add below code into your CSS file,


* {
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}

Magento 2 Theming with Grunt / Less Part 2 0

Posted by on in Compass, Magento 2, Sass


Installing and configuring Grunt

  1. Install node.js to any location on your machine.
  2. Install Grunt CLI tool globally. To do this, run the following command in a command prompt: 
    npm install -g grunt-cli
  3. Install Grunt in your Magento directory. To do this, run the following commands in a command prompt: 
    cd <your_Magento_instance_directory>
npm install grunt --save-dev
  4. Install (or refresh) the node.js project dependency for your Magento instance. To do this, run the following commands in a command prompt: 
    cd <your_Magento_instance_directory>
npm install
npm update
  5. Add your theme to Grunt configuration. To do this, in the dev/tools/grunt/configs/theme.js file
  6. If you want to use Grunt for “watching” changes automatically, without reloading pages in a browser each time, install the LiveReload extension in your browser.
  7. Check the video for complete Magento 2 installation, creating theme, installing and configuring grunt and some debugging. Magento 2 Installation

How to add another compass compiler to php storm 0

Posted by on in Compass, PHP storm, Sass


Recently I have updated my compass version to 1.0.3 and when I tried to compile my old projects with 1.0.3 compiler and it didn’t work.
Firstly, I couldn’t understand the issue, but after a few hours I figured it out it has something to do with my compiler.
So, I had two options left,
(more…)