analyze sass files to see where I could use compass mixins?
SassMeister is a playground that specializes only in Sass-related stuff. http://sassmeister.com/ Of course, SassMeister lets you choose the syntax you feel more comfortable with and you even can choose the output style (expanded, compressed, and so on). Most importantly, because SassMeister is specific to Sass, it allows you to import...
Can't build a Web Project in TeamCity
ruby,gruntjs,continuous-integration,teamcity,compass
I would say you probably use a different user or the shell environment is different (interactive vs non-interactive) when you run these commands manually and when it runs through TC it can't find those packages in the environment/PATH
Change Ruby version path for compass
ruby,sass,osx-yosemite,compass
Make sure that the version of Ruby you are using is what is required by Compass Watch. Yosemite ships with version Ruby 2.0.0 as default. If you need to install a newer / older version I would suggest using RVM (http://rvm.io) Install RVM: \curl -sSL https://get.rvm.io | bash -s stable...
compass:dist & execFile(“compass.bat”, …) - Warning: spawn EPERM
ruby,node.js,gruntjs,webstorm,compass
I solved this, but I can't tell exactly what caused it. What I can say is that it has nothing to do with compass itself, wrong permissions or Windows - it has to do with a wrong project setup. So, if you get this error, check your setup and if...
Prevent intermediate compass file output when piping
As mentioned before, gulp-compass has been blacklisted by the Gulp developers for violating against some "plugin rules" which have been established (for instance: you have to redefine input and output). Which means that you really, really shouldn't use it. However, gulp-ruby-sass as an option for allowing you to use compass...
Heroku deploy of Gulp + Compass is not working at boilerplate stage
Your ruby/compass installation on Heroku must be out of date. I had to update mine to 2.2.0 for compass to work but i am using a custom buildpack as well for Grunt-NodeJS-Compass https://github.com/devakone/heroku-buildpack-nodejs-grunt-compass You can take a look at the https://github.com/devakone/heroku-buildpack-nodejs-grunt-compass/blob/master/bin/compile file line 153 export GEM_HOME=$build_dir/.gem/ruby/2.2.0 Make sure your GEM_HOME...
Windows 7 64-bit: Could not find a valid gem 'compass' (>= 0), here is why: Unable to download data from https://rubygems.org/
ruby-on-rails,ruby,windows,windows-7,compass
Try upgrading your SSL certificates. Download http://curl.haxx.se/ca/cacert.pem. Save this file anywhere you want, such as: C:\RailsInstaller\cacert.pem. On the command line, tell Ruby where to find the cert file, such as: set SSL_CERT_FILE=C:\RailsInstaller\cacert.pem Try gem install. If it works, you can make the cert file permanent by adding it in your...
Compas in Windows Phone 8.1 COMException OnPropertyChanged MVVM
c#,mvvm,windows-phone-8.1,compass
You need to fire the PropertyChanged events on the UI thread, if you're doing a Silverlight Windows Phone app, then you can do something a little like: protected delegate void OnUIThreadDelegate(); /// <summary> /// Allows the specified delegate to be performed on the UI thread. /// </summary> /// <param name="onUIThreadDelegate">The...
Compass vendor prefixes does not include Opera prefix
Compass does not blindly add vendor prefixes to every property, it only adds the ones that browsers actually use by checking with caniuse.com. Opera has never required prefixes for the box-sizing property, so Compass does not add it.
Searchable grails plugin ClassNotFoundException: org.apache.lucene.analysis.Analyzer$TokenStreamComponents
grails,lucene,compass,searchable
SOLVED: Unfortunately the solution was simple: I had the Jasper plugin installed as well and it loads lucene 4.5.1 as dependency. By excluding it with compile (":jasper:1.10.0") { excludes 'org.apache.lucene:lucene-core:4.5.1' excludes 'org.apache.lucene:lucene-analyzers-common:4.5.1' excludes 'org.apache.lucene:lucene-queryparser:4.5.1' } everything works as expected....
Heroku - Express App - Error: spawn compass ENOENT
After a lot of troubleshooting I finally got to the bottom of it. heroku config:add BUILDPACK_URL=https://github.com/ddollar/heroku-buildpack-multi.git create a file named .buildpacks in the root directory and add the following https://github.com/heroku/heroku-buildpack-nodejs.git https://github.com/heroku/heroku-buildpack-ruby.git create a file named Gemfile in the root directory and add source "https://rubygems.org" gem "compass" since heroku can't properly...
Javascript wheel dynamic abilities
There's one more place where 10 existed and should change to 20 (see the comment in the code below): $('.wheel').momentus({ u: 1, mass: 1000, wheelRatio: -1000, mouseRatio: 6, onChange: function(coords, velocity){ console.log('update'); $('.wheel > div').each(function(i){ var angle = -(coords.y/2) + (360/20)*i; // <-- CHANGE 10 to 20 HERE $(this).css('transform', 'perspective(500px)...
How to enable compass-import-once in maven
Alright, I figured it out. In the <gem> tag, what I wanted was not compass-import-once, but instead, compass/import-once/activate. And it turns out that <useCompass> is not necessary, either. For posterity, the pom.xml should be: <plugin> <groupId>nl.geodienstencentrum.maven</groupId> <artifactId>sass-maven-plugin</artifactId> <version>2.0-RC2</version> <configuration> ... <gems> <gem>compass/import-once/activate</gem> </gems> </configuration> ...
How to use magneticHeading in Swift?
swift,rotation,imageview,compass
You can calculate the angle at which the arrow should point and then use the transform property of the image view to change direction. Pseudo code will be something like this. func onPositionChange() { UIView.animateWithDuration(1.0, animations: { var angle_in_degrees:CGFloat = 10 // Calculated Angle. var angle_in_radians = (angle_in_degrees * 3.1415)...
limit number of SCSS files compiled
Use specify. compass: { build: { options: { sassDir: 'app/scss', cssDir: 'build/css', specify: 'build/css/file.scss' imagesDir: 'app/images', outputStyle: 'compressed', //expanded or nested or compact or compressed httpStylesheetsPath: '/', raw: 'Sass::Script::Number.precision = 16\n', noLineComments: true, relativeAssets: true } } }, ...
compilation errors in sass with 2 instances of @media (max width / min) [duplicate]
I got an error when inserting it into a text editor, it seems that your closing bracket on your first media query was not right, maybe copied code. Anyways, copy, paste this into your css and it should solve the problem. @media (max-width:950px) and (min-width:800px) { .clickFacet { width: 93%;...
Sass color mix function produce different results for different ruby versions
Found this in the Sass changelog after the comment from @cimmanon 3.4.15 (22 June 2015) Further improve rounding for various numeric operations. Imp rounding in operator-based color operations. ...
compass not working with mithril yeoman generator
sass,compass-sass,yeoman,compass,mithril.js
The answer was found here In order to install compass On Mac OS X (Yosemite) Set Up Ruby Environment, ensure its up to date ruby -v sudo gem update --system Set Up MAC Environment, install Xcode Command Line Tools xcode-select --install This was the key to getting Compass working on...
Ruby Compass ERROR: Failed to build gem native extension
ruby-on-rails,ruby,gem,compass
mkmf.rb can't find header files for ruby at You need the ruby dev headers files to compile gems. You need the package ruby2.1-dev. You may also need other packages like build-essential. Try the following: sudo apt-get install ruby2.1-dev build-essential ...
Sass converts black automatically to #000000 [duplicate]
Fixed it using unquote in the mixin on all weights. (And added functionality for Italic fonts). @mixin font-list($name,$weights,$type,$font-weight){ $italic: ''; @if $type == 'italic'{ $italic: 'Italic'; } @for $i from 1 through length($weights) { $weight: unquote("#{nth($weights,$i)}"); @include font-include($name,#{$name}-#{nth($weights,$i)}#{$italic},map-get($font-weight,#{to-lower-case($weight)}),$type); } } ...
How to use the compass transition mixins with a translateX property and autoprefixer?
css,css3,sass,compass,autoprefixer
If you're using autoprefixer, you don't need to use Compass's built-in transition mixins (since all they really do is apply browser prefixes). You're also having issues because translateX isn't the property - transform is, and translateX is a value of that property. You can keep the transition details as a...
Determine compass direction
Checkout Compass class in this project: https://github.com/iutinvg/compass I have used it succsesfully in this app: https://play.google.com/store/apps/details?id=com.gps.build Regards. UPDATE: After reading your question again, i have realized that I did not give you enough details for "pointing to marker" part. Please check full class below. To calculate pointing direction, us startBearing...
Different gutters with susy sass
sass,compass,susy-compass,susy
You can change the layout like this @include with-layout(12 1/8 fluid float after) { .box-5 { @include span(2 of 12); } .box-6 { @include span(10 of 12 last); } } Where the 1/8 is the gutter width....
Reversing gradients with Compass
I don't know Compass, so I can help you with the Compass syntax, but the CSS should be div { width: 300px; height: 300px; border: solid 1px black; } .test { background: linear-gradient(180deg, #f1693c 0,#f1693c 80px,#f37744 81px,#f37744 122px,#f4824a 123px,#f4824a 163px,#f68d50 164px,#f68d50 50%) top center / 100% 50% no-repeat, linear-gradient(0deg, #f1693c...
How to set different Compass configuration options for environments in Broccoli?
ember.js,ember-cli,compass,broccolijs
With EmberApp.env() you can get the current environment. For instance: Running ember build returns "development" and ember build -prod returns "production". So in the worst scenario, where an addon doesn't provider options by environment, you are able to do this: var env = EmberApp.env(); var compassOptions; if (env === 'development')...
using import foundation in rails
ruby-on-rails,zurb-foundation,compass
You have already run: rails g foundation:install ...
@include font-face SCSS issue
Random numbers were added because browser cache fonts base on url, then these random numbers cause every time you compile your codes and put it in your html, it download fonts again. I have Visual Studio 2013 and compile your code with sass and the result is: @font-face { font-family:...
Compass sprite path causing error
First question is: do you actually have any files in your sprites folder? If yes, try adding this setting: generated_images_path = "../images" http_generated_images_path will be used to define what is the final path for the generated image, in the final (compiled) css, so maybe the setting above (without http_) is...
Why is Sass striping semicolons?
I've had issues with using the latest version of compass when a site was setup to use the pre 1.0 release of compass. Try using Compass 0.12.7 and then rebuilding your dependencies from there. https://rubygems.org/gems/compass/versions/0.12.7
Sprite image is only longitudinally arranged
Use the "smart" layout configuration option. $mysprite-layout: smart; http://compass-style.org/help/tutorials/spriting/sprite-layouts/...
Can Sass @warn or @debug directives be viewed in CodeKit?
With Sass, yes, with Sass + Compass, from my experience, no. See this Compass GitHub issue. My guess is that CodeKit uses compass compile based on what I've read on CodeKit's Help page about how the GUI overrides config.rb and changes in config.rb are ignored. I think the best bet...
generate classes from Scss / Sass nested map
What you're looking for is a recursive mixin. Walk through the mapping. If the value is a mapping, call itself otherwise print out the property/value. $palette: ( 'brown': hsl( 33, 35, 50), 'blue': hsl(207, 80, 50), 'green': ( 0: hsl(157, 65, 65), 1: hsl(157, 50, 50), alt: ( 0: hsl(125,...
Are there CSV files or lookup table to correct for real north now and in the future?
csv,gps,embedded,lookup,compass
There's a python module, geomag that's worth a look. magnetic_declination_degrees = geomag.declination(latitude, longitude) >>> import geomag >>> geomag.declination(-33, 151) 12.156567323514675 >>> not csv, but easy-peasy. Read the doc and you can adjust the model for date. Edit: If the embedded system runs gpsd, this gps3 client can fetch lat/lon automagically....
How to change selector layout on sass / compass compile?
css,sass,css-selectors,compass
There is no such output style that will produce the desired format. You will need to use a 3rd party application to do so (eg. css beautify). Related: Why is Sass striping semicolons?...
Compass error: File to import not found or unreadable
You have a typo. The correct synatax is: @import "compass/css3/filter"; // <-- Note 'filter', not 'filters' See the Compass documentation....
Group scss and css files into one file with assetic
If you want to combine files with different extensions, you´ll need to specify it in the Assetic filters configuration, specifically the apply_to parameter . Try modifying like in this example, in which they use regular expressions (so you can play around with it). For instance, to use .scss and .sass...
How to find the user moving direction using the bearing value returned by location manager?
android,locationmanager,direction,compass,bearing
From the documentation: Returns the direction of travel in degrees East of true North. If hasBearing() is false, 0.0 is returned. So 0 is north (and the degrees goes clockwise) So 90 would be East 180 South 270 West ...
Compass file path errors in Grunt
angularjs,gruntjs,yeoman,compass,grunt-contrib-compass
Just change your import to @import "icons/*.png"; Your current load paths (in compass) is already pointed to: app/styles/sprites/...
Middleman images/fonts from bower
I figured it out - I thought compass was for requiring scss files and sprockets was just for the js, but middleman also uses sprockets (the middleman-sprockets library) for copying arbitrary static assets. It's a bit manual and verbose (if there were a lot more files middleman suggests writing a...
Cordova Compass API is giving error code 3
javascript,android,cordova,compass
Either your device does not have a magnetic sensor, or the vendor has not implemented support for it in the OS. Looking at the Android source code for the device-orientation plugin, the startup code is written like this (modified for brevity): List<Sensor> list = this.sensorManager.getSensorList(Sensor.TYPE_ORIENTATION); // If found, then register...
Finding the compass orientation of an iPhone in swift
ios,iphone,swift,location,compass
import CoreLocation class ViewController: UIViewController ,CLLocationManagerDelegate { var lm:CLLocationManager! override func viewDidLoad() { super.viewDidLoad() lm = CLLocationManager() lm.delegate = self lm.startUpdatingHeading() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } func locationManager(manager: CLLocationManager!, didUpdateHeading newHeading: CLHeading!) { println(newHeading.magneticHeading) } } You can get more information from...
Compass Sprite Generation while referencing a CDN
I figured it out. Needed to change the http_generated_images_path constant in my config.rb file. I changed it to read: http_generated_images_path = "//images.[DOMAIN].com//images" Then I was able to output the correct url like this: $icons: sprite-map("icons/fallback/sprites/*.png"); %sprite { background-image: sprite-url($icons); background-repeat: no-repeat; } ...
Variables don't work inside partials with assetic in Symfony2
Well, right as I start the bounty I find a solution: {% stylesheets 'scss/app.scss' filter='compass' %} <link rel="stylesheet" href="{{ asset_url }}" /> {% endstylesheets %} Since I only have one scss to compile (the rest are all partials) I needed to specify it, this way it only compiles that file...
Grunt build setting correct path for bootstrap icons
gruntjs,yeoman,browserify,compass
Well, i didn't get any response here, but to help others that might have this issue, i solved it by doing as such: Used "image-url" helped function instead of just "url" $fa-font-path: 'fonts'; $icon-font-path: "../bower_components/sass-bootstrap/fonts/"; @import '../bower_components/sass-bootstrap/lib/bootstrap'; @import "bamSummary"; @import "bamDetails"; .bannerBackground { background-image: image-url("../images/Header.png"); background-repeat: repeat; width: 100%; height:...
What is $experimental-support-for-svg in sass and why is it needed?
The warning is just a warning: you can ignore it if you want. Prior to Compass 1.0, the $experimental-support-for-svg was used to determine whether or not an SVG was generated as a fallback for browsers that lack support for gradients. Attempting to reference any of the old variables will generate...
Calculate the interior angle of a triangle
imageview,compass,navigator,degrees
This is just basic trig: deltaY = P2_y - P1_y deltaX = P2_x - P1_x angleInDegrees = atan2(deltaY, deltaX) * (180 / PI) Via this answer....
Can't get compass running and working
Not an expert on compas, but it looks like the gem depends on a native extension. Try installing that first and the reinstall the gem. And from what I can see, it looks like it is having a problem with your Ruby installation. (What system are you running?)...
How to pass a mixin as a parameter of another mixin in SASS
You can't add two mixins together the way you'd like. So you just have to make the rem mixin do what you want it to do. So I wrote new code to handle that for you. @function parseInt($n) { @return $n / ($n * 0 + 1); } @mixin rem($property,...
reuse hooks from compass' config.rb
Per comments, there's a chance that the context is different in the two files. Seeing how p self is, in config.rb: #<Compass::Configuration::FileData:0x00000000af6a68 ...> ... vs main in temp.rb. I'd advise one of two options: Read the file as a string and eval it: eval str Read the file as a...
use a different file extension instead of css while compiling with Compass
css,sass,shopify,liquid,compass
I managed to figure it out thanks to this: https://coderwall.com/p/5by4ww/compass-add-min-to-the-filename I just appended this to the end of the config.rb file: require 'fileutils' on_stylesheet_saved do |file| if File.exists?(file) filename = File.basename(file, File.extname(file)) File.rename(file, "assets" + "/" + filename + ".scss.liquid") end end ...
Compass Line Number Comments Not Showing Up with Gulp
Be careful with gulp-compass, it is not a gulp plugin (albeit named so) and has been blacklisted by the Gulp community for quite a while. It does not what Gulp plugins are supposed to do (e.g. it's possible to run them without gulp.src and gulp.dest), and other plugins are already...
Struggling with creating a navigation bar with angled divs that are stacking on top of each other
css,sass,positioning,compass,susy
With one nav and a couple of rotated and translated (and suitably positioned) pseudo elements. html, body { height: 100%; } .container { width: 80%; height: 100%; overflow: hidden; margin: 0 auto; border: 1px solid black; } nav { height: 75px; background: steelblue; margin-top: 75px; position: relative; } nav:before {...