Skip to content

Instantly share code, notes, and snippets.

View mturnwall's full-sized avatar

Michael Turnwall mturnwall

View GitHub Profile
@mturnwall
mturnwall / font_face_generator.scss
Last active March 30, 2025 19:49
Sass Font-Face Generator Mixins
// ----
// libsass (v3.2.5)
// ----
////
/// Font-Face Generator (FF)
/// @author Hugo Giraudel, Michael Turnwall
////
/// Path to the location of the font files
@mturnwall
mturnwall / SassMeister-input.scss
Last active September 2, 2015 17:47
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
/// this overrides the default fonts directory. Set
/// it to the location of your fonts.
$fonts-dir: '/fonts';
$fontsMap: (
"Proxima-Nova": (
@mturnwall
mturnwall / SassMeister-input.scss
Created August 7, 2015 20:05
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
%btn--default {
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
margin: 0;
}
%btn--primary {
@mturnwall
mturnwall / SassMeister-input.scss
Created March 25, 2015 18:41
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
.mpgGraph {
$block: mpgGraph;
overflow: hidden;
margin: 20px auto;
@mturnwall
mturnwall / JS Coding Examples.md
Last active November 7, 2018 19:43
Coding questions and examples for javascript

Code Questions

Casting

var x = 078 + 1, // 79
	y = 077 + 1; // ?

Hoisting

@mturnwall
mturnwall / _fontSize.scss
Last active August 29, 2015 14:12
Sass mixin to build font sizes using rem units and provide a fallback.
/**
* Default font size for the page.
* Leave the unit type off to make the math easier later on.
* Add this variable to the HTML element of the page.
*
* @group Fonts
*/
$font-size-base: 14;
/**
@mturnwall
mturnwall / SassMeister-output.css
Last active May 6, 2020 18:54
SASS mixin for styling input placeholder text
::-moz-placeholder {
color: red;
font-weight: 300;
padding-top: 5px;
}
::-webkit-input-placeholder {
color: red;
font-weight: 300;
padding-top: 5px;
@mturnwall
mturnwall / SassMeister-input.scss
Last active August 29, 2015 14:06
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
%alertHeader {
font-size: 18px;
line-height: 1;
text-transform: uppercase;
color: #9b9b9b;
@mturnwall
mturnwall / SassMeister-input.scss
Created August 27, 2014 19:29
Generated by SassMeister.com.
// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----
$color-wild-sand: #f5f5f5;
$color-black: #000;
%charlieHdr {
font-size: 22px;
}
@mturnwall
mturnwall / Front-End Code Formatting.md
Last active August 29, 2015 14:04
Front-End Code Formatting

Front-End Coding Standards

HTML

  • All tags, attributes, and attribute values must be lowercase.
  • All attribute values must be inside double quotation marks.
  • All tags must be closed. Tags that do not contain data such as image and line break tags do not need to have a closing tag.
  • All IDs and Classes are lower camel case.
  • A tag's ID should be the first attribute followed by a class if one exists.
  • Use Unix-style line endings (LF).