Skip to content

Instantly share code, notes, and snippets.

View raahede's full-sized avatar

Frej Raahede Nielsen raahede

View GitHub Profile
@raahede
raahede / README.md
Last active October 13, 2023 14:32
Handle multiple GitHub accounts on Mac
@raahede
raahede / .sasslintrc
Created October 29, 2019 14:46
sasslint settings
{
"files": {
"include": "src/**/*.s+(a|c)ss",
"ignore": [
"**/vendor/*.scss"
]
},
"rules": {
"extends-before-mixins": 1,
"quotes": [
@raahede
raahede / README.md
Last active May 4, 2017 17:38
HipChat Light "HipSlack" Theme

Edit theme on Mac

Inspired by https://medium.com/@andrew_levine/theming-the-new-hipchat-4-beta-for-osx-64e4ba4a6749#.2nyhtsah8

This stylesheet is for the "Light" theme in HipChat. Go to Settings > Appearance to change the theme.

  1. Close HipChat (⌘+Q)
  2. Open Finder, and locate HipChat.app.
  3. Right click the .app file, and choose Show Package Contents.
  4. Open the Resources folder, and open chat.html in your editor of choice.
  5. Add a style tag (``) immediately below the title tag (you can technically put this anywhere in the document).
@raahede
raahede / README.md
Created November 23, 2016 09:08
Error installing Ruby Gem

Error installing Ruby Gem

If you get a similar error, it means that gem install [gem name] isn't working.

Run this command

sudo gem install -n /usr/local/bin [gem name]

Example

@raahede
raahede / README.md
Last active August 29, 2015 14:22
ZSH Configure

Open zsh config in Sublime

subl ~/.zshrc

Add aliases

# Example aliases
alias zshconfig="subl ~/.zshrc"
alias ohmyzsh="subl ~/.oh-my-zsh"
@raahede
raahede / config.rb
Last active August 29, 2015 14:14
Test Layout Compile Speed
require "susy"
require "breakpoint"
css_dir = "."
sass_dir = "."
@raahede
raahede / SassMeister-input-HTML.html
Created February 4, 2015 09:39
Generated by SassMeister.com.
<section>
<div class="container">
<div class="col">
<p>1 Nullam mattis nisl sit amet feugiat vulputate. Duis et tincidunt mi. Curabitur condimentum eget purus non porttitor. Maecenas sed lacus eu nisl vulputate tristique ut non dolor. In imperdiet felis et ex tincidunt lacinia. Proin sem massa, faucibus vel nulla eget, interdum scelerisque nibh.</p>
</div>
<div class="col">
<p>2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet est vitae lacus lacinia rhoncus. Ut imperdiet varius tellus, eu pharetra orci vulputate non.</p>
</div>
<hr class="splitter">
<div class="col">
// Configurable variables
// ⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻⁻
// Absolute height of body text, in pixels
$base-font-size: 16px !default;
// Absolute height of one line of type, in pixels
$base-line-height: 24px !default;
// The font unit to use when returning values in rhythm functions
@raahede
raahede / SassMeister-input.scss
Created January 31, 2015 15:02
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$my-default: "first" !default;
$my-default: "second" !default;
.output {
content: "#{$my-default}";
@raahede
raahede / SassMeister-input.scss
Last active August 29, 2015 14:10
Responsive font mixin with multiple arguments for use with media queries
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$font-base-size-px: 16px;
$bp-m-l: 481px; // Breakpoint medium
$bp-l-xl: 769px; // Breakpoint large
$font-size-breakpoints: $bp-m-l, $bp-l-xl;