Why wont SASS install on my mac?

I am trying to install SASS on my mac, and am having a lot of issues. So the first time it didn't work, I figured out that i had to run this command "xcode-select --install". That worked, and installed. But when I went to install SASS using "sudo gem...
more »

2017-11-29 20:11 (1) Answers

Error when installing sass

I want to install sass on my computer. I installed the latest version of ruby and updated to the latest gem version: C:\Windows\System32>ruby -v ruby 2.4.2p198 (2017-09-14 revision 59899) [x64-mingw32] C:\Windows\System32>gem install --local C...
more »

2017-11-27 12:11 (0) Answers

Sass Ampersand to add Tag to Class

I have some Sass like this: .zbounce1, .zbounce2, .zbounce3, .zbounce4 animation-name: bounceIn animation-duration: .5s animation-timing-function: ease-in-out span.zbounce1, span.zbounce2, span.zbounce3, span.zbounce4 display: inlin...
more »

2017-11-21 17:11 (2) Answers

Sass watch will not compile - tried everything

I spent all day trying to track this down yesterday. I upgraded to High Sierra and Sass watched stopped compiling. It appears to be listening getting here: Change detected to: test.scss But never compiles when I update a scss file. It used to ...
more »

2017-11-17 18:11 (1) Answers

Proxy issue while installing sass via gem install

I'm trying to install sass via the following command: gem install sass --debug Owing to a proxy issue,the installation fails and here is the exception log: NOTE: Debugging mode prints all exceptions even when rescued Exception `Win32::Registry::E...
more »

2017-10-25 13:10 (0) Answers

Why did Sass fell down on HighSierra?

Updated macOS to HighSierra, tried to launch scss watcher and got this: -bash: /usr/local/bin/sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory When I am trying to reinstall ...
more »

2017-10-13 00:10 (0) Answers

Why won't my React accordion animation work?

I've implemented my own responsive accordion in React, and I can't get it to animate the opening of a fold. This is especially odd because I can get the icon before the title to animate up and down, and, other than the icon being a pseudo-element, I...
more »

2017-10-09 17:10 (1) Answers

img-replace with SASS

I created a mixin to manipulate easily images and replace, now my app it is growing and I don't know how to improve this code. basically I have a include: @include img-replace("logo.png", 104px, 47px, inline-block); where I simple change the name...
more »

2017-10-06 17:10 (3) Answers

Sass won't compile SCSS (EACCES error)

I'm trying to compile my SCSS file but I always get this error. This is new because before the Windows 10 Creator Update it was working fine. Here's the error : $ sass --no-cache --update --trace app.scss:app.css c:/Ruby24-x64/lib/ruby/gems...
more »

2017-10-05 20:10 (1) Answers

Gulp is not compiling SCSS to CSS

I am new to gulp sass so I am currently learning with this https://css-tricks.com/gulp-for-beginners/. The current topic I am working from the above link is #Preprocessing with Gulp All the stuff is getting fine until I test my sass file after testi...
more »

2017-10-04 09:10 (3) Answers

Ion-slide style width is set automatically

I recently updated my Ionic 2 project to Ionic 3, and the changes to ion-slides have broken my app. Specific widths are being set in the style tags on the slides when the app loads, and it's breaking my styles. This is what I have in my HTML: <...
more »

2017-09-24 01:09 (2) Answers

When to use @extend and @mixin in Sass

I am learning Sass in its official tutorial. When I learned @mixin and @extend, I know both of them is for CSS code reuse, but I just cannot figure out when to use which one. There are two differences for me. @mixin can take the arguments(but @ext...
more »

2017-08-26 23:08 (2) Answers

Class style in Ionic 2 not working

I have an Ionic 2 app and have the following two files in pages/home folder: home.html: <ion-list-header class="list">Your List</ion-list-header> home.scss: .list { color: green; } Any ideas why is this not working? The file is...
more »

2017-08-17 15:08 (2) Answers

Parse yaml file content to scss via ruby

I am trying to obtain the contents of a yaml (.yml) file in my scss. The aim is to make the contents of the yaml file available as an SCSS map, so the values can be read and iterated over. So far I have this: SCSS file: $ranges: yaml_load('path/to...
more »

2017-08-17 00:08 (1) Answers

Reload of page after rebuild is very slow

I recently went from css to scss instead. Suddenly afterwards my project is very slow for loading the page after a rebuild. (30-50 seconds) I literally did nothing else than added scss instead of css. Just changed the files and changed the settin...
more »

2017-08-15 09:08 (0) Answers

How to install SASS on Mac for all users?

All day long I've tried to install SASS on Mac as detailed on the SASS page but I can only run it from my administrator account. For security, on my Mac I have 2 user accounts, admin user (which I use only to install and uninstall software) and nor...
more »

2017-08-10 20:08 (1) Answers

Bootstrap carousel scrolls over my fixed top nav

I have a fixed top navigation for a personal site I'm doing. I added a fairly large bootstrap carousel beneath this, but when i scroll down the carousel scrolls over the header hiding the nav. I've put a link to a version of the site hosted on github...
more »

2017-08-08 08:08 (3) Answers

Error installing Sass

Below is the exact message returned from terminal: ERROR: Error installing sass: ERROR failed to build gem native extension. current directory: /Library/Ruby/Gems/2.0.0/gems/ffi-1.9.18/ext/ffi_c /System/Library/Frameworks/Ruby...
more »

2017-07-22 20:07 (1) Answers

Gradual positioned boxes in CSS in two columns

I am building something similiar to this UI for a menu: I am searching for a good way to implement it. I am using bootstrap in this project. The container is a bootstrap's container-fluid inside other DIV which is 50% width of the screen. This is ...
more »

2017-07-22 03:07 (2) Answers