Skip to content

Instantly share code, notes, and snippets.

@AdamHjerpe
AdamHjerpe / _gradients.scss
Last active October 5, 2018 11:03
Gradients mixin
// ----
// Sass (v3.5.6)
// Compass (vundefined)
// ----
// ! Work in progress, do not import
// * SCSS because fuck sASS
// ! Need to have colors in map for gradient function testing
$states: (
@AdamHjerpe
AdamHjerpe / settings.json
Last active September 13, 2018 16:15
VSC config windows
{
"editor.tabSize": 2,
"editor.lineHeight": 35,
"editor.fontSize": 14,
"editor.fontFamily": "Operator Mono Lig",
"editor.fontWeight": "100",
"editor.fontLigatures": true,
"workbench.activityBar.visible": false,
"workbench.colorTheme": "Snazzy Operator",
"workbench.statusBar.visible": true,
@AdamHjerpe
AdamHjerpe / SassMeister-input-HTML.html
Created March 12, 2014 01:17
Generated by SassMeister.com.
<section class="container">
<h1 class="section-title">Releases</h1>
<div class="test-col">Test! #1</div>
<div class="test-col">Test! #2</div>
<div class="test-col">Test! #3</div>
<div class="test-col">Test! #4</div>
<div class="test-col">Test! #5</div>
<div class="test-col">Test! #6</div>
<div class="test-col">Test! #7</div>
<div class="test-col">Test! #8</div>
@AdamHjerpe
AdamHjerpe / _position.scss
Last active December 29, 2015 08:48 — forked from imlinus/position.scss
Absolute positioning mixin
@mixin position(
$position: absolute,
$top: null,
$right: null,
$bottom: null,
$left: null
) {
position: $position;
top: $top;
right: $right;
@AdamHjerpe
AdamHjerpe / _round-button.scss
Created November 17, 2013 01:45
Weird round button that centers on the bottom border of an image. TODO: Convert to mixin and placeholder class
// Markup
// <figure>
// <img src="http://placekitten.com/g/350/244" />
// <a href="#"></a>
// </figure>
figure {
$button-size: 3rem;
@AdamHjerpe
AdamHjerpe / _switch.scss
Last active December 28, 2015 02:49
Simple little switch
//
// Use following jQuery:
//
// <script type="text/javascript">
// $(document).ready( function(){
// $(".switch").click( function() {
// $(".switch").toggleClass("on");
// });
// });
// </script>
@AdamHjerpe
AdamHjerpe / _flatuicolors.scss
Created October 17, 2013 21:35
All the colors from flatuicolors.com put into variables with RGBA default and HEX fallback.
//////////////////////////////////////////////////////
// All colors courtesy of http://flatuicolors.com/ //
// Colors can be seen at that url too :) //
// Order goes: Light color first, darker second //
//////////////////////////////////////////////////////
// Green-Blue
$turquoise: #1abc9c rgba(26, 188, 156,1.0);
$green-sea: #16a085 rgba(22, 160, 133,1.0);
// Green
@AdamHjerpe
AdamHjerpe / Preferences.json
Last active December 25, 2015 15:39
Preferences Sublime Text 3
{
"auto_match_enabled": true,
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
"enable_tab_scrolling": true,
"font_face": "Inconsolata",
"font_size": 16,
"highlight_line": true,
"highlight_modified_tabs": true,
@AdamHjerpe
AdamHjerpe / Package Control.json
Last active December 25, 2015 15:39
Package Control package settings for Sublime
{
"installed_packages":
[
"AdvancedNewFile",
"BracketHighlighter",
"CSScomb",
"CSSLint",
"DashDoc",
"DocBlockr",
"EJS",
@AdamHjerpe
AdamHjerpe / css_arrow_mixin.scss
Created October 7, 2013 20:32
CSS Arrow Mixin
// --------------------------------------------------------
// arrows
// --------------------------------------------------------
// $direction: top, left, right, bottom, top-left, top-right, bottom-left, bottom-right
// $color: hex, rgb or rbga
// $size: px or em
// @example
// .element{
// @include arrow(top, #000, 50px);
// }