Bootstrap 4 beta using rubygem doesn't work with Jekyll - ruby

I just start using Jekyll recently for my personal project.
I'm using Jekyll-assets together with gem 'bootstrap-sass'; and everything works with charm.
This is what my main.css.scss look like:
#import '_sass/variables';
#import '_sass/scaffolding';
#import 'bootstrap-sprockets';
#import 'bootstrap';
#import 'font-awesome-sprockets';
#import 'font-awesome';
Everything works when I run jekyll serve.
However, when I try to use the latest beta version,
I got this error when I try to run Jekyll Serve
Incremental build: disabled. Enable with --incremental
Generating...
Error in _assets/css/main.scss:7 File to import not found or unreadable: bootstrap.
Load paths:
/Users/MacBookPro/.rvm/gems/ruby-2.3.0/gems/font-awesome-sass-4.7.0/assets/stylesheets
/Users/MacBookPro/.rvm/gems/ruby-2.3.0/gems/font-awesome-sass-4.7.0/assets/fonts
I commented out the #import 'bootstrap-sprockets.
It seems that Jekyll-assets does not found the bootstrap path.
I've already follow the step-by-step guide as stated in the documentation at [https://github.com/twbs/bootstrap-rubygem][1]
Currently I'm not using any package manager such as npm,yarn etc. Any help?

Related

'Google/Analytics.h' file not found - XCode 7

I am having much trouble integrating Google Analytics SDK into my iOS project. I am using XCode 7 and targeting iOS 7. Using Swift 2.0. However I can get the sample working ok (not converting to Swift 2.0 though).
I've tried both install via CocoaPods and by copying the files manually from:
https://developers.google.com/analytics/devguides/collection/ios/v3/sdk-download
When installing via CocoaPods I've tried both
pod 'Google/Analytics'
,
pod 'GoogleAnalytics'
and
pod 'Google/Analytics', '~> 1.0.0'
Either case the XCode build fails with error
BridgingHeader.h:2:9: 'Google/Analytics.h' file not found
Failed to import bridging header '/Users/jonas.andersson/Projects/MyAppName/MyAppName/Supporting files/BridgingHeader.h'
This on row:
#import <Google/Analytics.h>
I've also tried to add
$(SRCROOT)/Pods/GoogleAnalytics
and the rest of the suggestions from Google/Analytics.h file not found when adding to AppDelegate
Update
Using pod 'GoogleAnalytics' and then #import <Google/Analytics.h> worked better. However then I get the following error:
Use of unresolved identifier 'GGLContext'
when I try setup GA from according to Google documentation:
var configureError:NSError?
GGLContext.sharedInstance().configureWithError(&configureError)
Solved it by going away from Googles own tutorial and not use GGLContext and importing headers directly.
My podfile:
platform :ios, ’7.0’
use_frameworks!
pod 'GoogleAnalytics'
And BridgingHeader.h:
#import "GAI.h"
#import "GAIDictionaryBuilder.h"
#import "GAIFields.h"
And setup:
let gai = GAI.sharedInstance()
let id = "my-GA-id"
gai.trackerWithTrackingId(id)
gai.trackUncaughtExceptions = true
gai.logger.logLevel = GAILogLevel.Verbose
Also added to User Header Search Paths:
$(SRCROOT)/Pods/GoogleAnalytics (recursive)
#import <GoogleAnalytics/GAI.h>
Instead of:
#import <GoogleAnalytics.h>
This what worked for me, XCODE9.0.

How to use compass mixins in a project using Sass

ColorZilla's gradient editor says
// needs latest Compass, add '#import "compass"' to your scss
Well I've found that's not so easy. Obviously if you just throw #import "compass"; at the top of your .scss file, Sass won't compile because _compass.scss can't be found.
This is an asp.net project utilizing Sass. In addition, I have to use the sass ruby gem to compile, not compass's compiler.
I've installed the compass gem. I've followed the instructions on http://compass-style.org/install/. I've run compass init, compass create, compass install. None of them even give me compass's mixins.
I expected this to work like bourbon, though I know this isn't compass's primary goal.
What am I missing?
Install the library
bower install compass-sass-mixins
Import the compass into your SASS file
#import "bower_components/compass-sass-mixins/lib/compass"
Checkout SASS function list:
https://github.com/askucher/compass-sass-mixins

Include Susy with Nanoc

I'm trying to include Susy in my Nanoc project.
I followed the GitHub of ddfreyne. I installed Compass first and Susy next. Then, in my Gemfile I added the line: gem "susy".
In my stylesheet, I added #import "susy" Unfortunately, I have an error during the compilation which is Sass::SyntaxError: File to import not found or unreadable: suzy. I don't understand this error...
I'm using SASS to make my stylesheets.
I hope you'll be able to help me! Cheers.
The mistake was quite simple. I had to replace #import "suzy by #import "susy" in my stylesheet.

How do I get Burbon Neat running with code kit?

I have a burbon running on code kit. It is not problem, I cant get neat running?
when i put
#import "neat";
I get this error
Syntax error: File to import not found or unreadable: neat.
Load paths:
/
/Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets
on line 13 of /Applications/MAMP/htdocs/dev.wordpress/wp-content/themes/blankslate/style.scss
Use --trace for backtrace.
Since CodeKit version 1.8, Neat is built in. You don't need to install anything, just write this in your SASS/SCSS file:
#import "bourbon", "neat";
Make sure your 'Neat' folder is inside your stylesheets folder and use #import "neat/neat";
directory example:
[sitename] > [assets] > [css] > styles.css, [sass] > _main.sass, styles.sass, [neat]
Neat is a framework on top of Bourbon, so it does not automaticaly come with Bourbon.
Install Neat as following.
In Terminal:
gem install neat
Then cd to your Sass directory and run:
neat install
In your Sass file:
#import "neat/neat";
You also need to do:
#import "bourbon/bourbon";
before:
#import "neat/neat";
so your final scss file should start with(in the same order):
#import "bourbon/bourbon";
#import "neat/neat";

Installing ruby gem less-rails on windows machine using therubyracer

since a while I am trying to install the less-rails gem on my windows7 machine.
I already managed to install the needed therubyracer.gem using this binary file:
https://github.com/stereobooster/therubyracer/downloads
I also downloaded the v8.dll and put in my ruby/bin directory. So far everything works well, the bundle install is running and the server starting without any problems.
But as soon as I request a page using a less file I get the following error message
undefined method `in_javascript?' for #"<"V8::Error: [object Object]>
My css.file is alomst empty
/*
*= require 'custom_less/custom'
*= require 'jquery-ui-1.8.24.custom'
*/
The custom.css.less looks like this
#import "twitter/bootstrap/reset";
#import "twitter/bootstrap/variables";
#import "custom_less/variables"; // Your own variable overrides.
#import "twitter/bootstrap/mixins";
#import "custom_less/mixins"; // Your own mixin.
#import "twitter/bootstrap/scaffolding";
#import "twitter/bootstrap/grid";
#import "twitter/bootstrap/layouts";
//import of further bootstrap components
//but nothing else
I am using the rails installer with ruby 1.9.3.
There are not many problem description like this. All I found was solved by updating to at least ruby 1.9.2. But that unfortunately is not the solution for me. Does somebody have an idea?
Thanks
Download this file: https://github.com/hiranpeiris/therubyracer_for_windows/archive/master.zip
Extract it to a folder and cd to that folder.
Install the gem file in that folder by gem install therubyracer*
The folder has 2 dll files. Copy them to your ruby/bin folder.
Add this to your Gemfile: `gem 'therubyracer'
bundle install
Have fun.
After a lot of research and trial and error it seems that less is not working on the windows plattform at the moment.
So my solution is to use the bootstrap-sass-rails gem instead. This is working pretty well.

Resources