Stack Overflow
Stack Overflow

Questions tagged [codekit]

CodeKit is an OS X application that facilitates frontend web development.

CodeKit is an OS X application that facilitates frontend web development.

Notable features:

  • Automatically compile LESS, SASS, Stylus, Jade, HAML, Slim, CoffeeScript, JavaScript, and Compass files upon save.
  • Optimize images
  • Live browser reloads
  • JSHint & JSLint
  • Combine and minify JavaScript & CoffeeScript files
168 questions
2
votes
2 answers

Compile .kit files outside of Codekit

Codekit offers the ability to split static HTML files into designated partials using the include function and .kit files. More info: http://incident57.com/codekit/kit.php The question is.. Using this file type works great for users that have…
Steve Zimmerman
  • 21
  • 3
2
votes
2 answers

Create transitions variable with Sass

Is there a way to create a variable for transitions in Sass to replicate this: -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; I'm just getting my feet wet with Sass and I'm using CodeKit to…
ultraloveninja
  • 1,969
  • 5
  • 27
  • 56
1
vote
1 answer

Codekit and Jekyll Issue

I am having an issue when compiling with Codekit in a Jekyll project. codekit is having issues with the dashes on the top of the SCSS project. --- # Only the main Sass file needs front matter (the dashes are enough) --- @import "setup", …
teamallnighter
  • 77
  • 7
1
vote
2 answers

What is the best way to handle codekit config files excluded from repo/server, and still keep devs in sync with the config files?

Looking into cleaning up a repo - we are using CodeKit on this project, and want to remove the generated files from the server and repo etc. But then what is the best way to make sure that other devs on the project use the same CodeKit config…
ByteMyPixel
  • 151
  • 2
  • 3
  • 15
1
vote
1 answer

Bootstrap 4 compiling javascript vendors error using Codekit 3

I'm a little bit old school with how I compile stuff. I'm still using codekit rather than npm, grunt etc. I'm not good with terminal. Anyway... I can compile the SCSS files fine from my Bootstrap 4 repo. But I'm getting error when I'm trying to…
joshmoto
  • 4,472
  • 1
  • 26
  • 45
1
vote
1 answer

Sass Preprocessors - Can They Ignore Specific Patterns?

I'm using CodeKit to compile .scss using libsass. In these files I want to include some Liquid templating .some-class { color: {{ settings.color_primary }}; } Throws and error though. Is there a way to tell the preprocessor to let this pass…
Kevmon
  • 947
  • 1
  • 11
  • 25
1
vote
0 answers

Make codeKit refresh .twig files

In the older versions of Codekit you could just add .twig to the «Generic file extension» field. Since version 3 this field is gone. How do I make codekit reload when working on files with the .twig extension?
KSPR
  • 2,212
  • 4
  • 29
  • 46
1
vote
1 answer

Codekit and Libsass: Error: Invalid CSS

so I'm new to SASS and coding in general so please don't be too harsh. I'm self taught. Anyway, I keep getting this error after using Codekit to compile my html, css, and sass files. Libsass: Error: Invalid CSS after "...blic domain) */": expected 1…
Margaret Bowen
  • 11
  • 1
1
vote
1 answer

How do I set CodeKit 2 to autoupdate an HTML page when saving a JS file?

With CodeKit, when I'm working on a CSS file referenced on my HTML page via a link tag, every time I save that CSS, CodeKit autoupdates the page to show my changes. When I do the same to a JS file referenced via a script tag on my head, it doesn't.…
Fabio Bracht
  • 423
  • 1
  • 4
  • 13
1
vote
0 answers

CodeKit / JADE escape HTML snippet

I'm writing a documentation for a CSS framework and I want to include HTML snippets on the page. I have tried several filters, but they does not seem to work with CodeKit out of the box: :markdown ``` helloworld ``` (custom…
romaninsh
  • 10,606
  • 4
  • 50
  • 70
1
vote
2 answers

'angular' is not defined while using Codekit

CodeKit keeps giving me a warning every time I save myApp.js. When I load index.html via the CodeKit preview the firstName and lastName variables appear fine. I just want this issue to go away. "var app = angular.module("myApp", []); 'angular' is…
jakethecool1
  • 85
  • 1
  • 1
  • 8
1
vote
1 answer

Importing .kit file (variables) into .kit file (css)

I'm using a .kit file to hold variables to make it easy to change up as a template. Importing the .kit file into my index.html file has no issues, but in order for the variables to also work in my css file, I have to import it there as well which…
theharlotfelon
  • 33
  • 5
1
vote
0 answers

Codekit Bower Component - wordpress

Designing a theme for wordpress and installed it Bower Components in Codekit. Codekit documentation says not to move the files out of bower folder for updating purposes, but if I put my theme folder in the bower installation of wordpress won't it…
Deedub
  • 349
  • 2
  • 7
  • 20
1
vote
1 answer

CodeKit unable to compile due to not being able to create a cache folder

When attempting to compile JavaScript I get the message, "Minification failed because CodeKit could not create a cache folder to store files.". Does anyone know where the cache folder should be created or what permissions should be set. I am on…
livearoha
  • 169
  • 1
  • 12
1
vote
1 answer

Font awesome black rectangle

Trying to implement font awesome into a web project, but the output is a 1px solid border rectangle. I am using Sass with Codekit and I have checked my paths accordingly. see below 1. main.scss @import 'base/font-awesome/font-awesome.scss'; 2.…
Samuel
  • 5,529
  • 5
  • 25
  • 39
1 2 3
…
11 12