Skip to content

Instantly share code, notes, and snippets.

@timhettler
timhettler / utils.scss
Created August 22, 2013 15:09
Some useful utility mixins I reach for on many projects. Compass & Bourbon compatible.
//*
// Makes an element appear circular.
@mixin circular() {
border-radius: 50%;
}
//*
// Disables text selection and the on iOS devices that displays information about a link.
@mixin disable-selection() {
@include user-select(none); //disables text selection
@timhettler
timhettler / .gitignore
Last active December 27, 2015 17:19
My .gitignore file - covers pretty much everything
# Numerous always-ignore extensions
*.diff
*.err
*.orig
*.log
*.rej
*.swo
*.swp
*.vi
*~
@timhettler
timhettler / SassMeister-input-HTML.html
Created July 9, 2014 15:25
Generated by SassMeister.com.
<div class="background"></div>
@timhettler
timhettler / not-a-button.scss
Created July 11, 2014 16:57
Remove default styling from buttons
%not-a-button {
background-color: transparent;
border: none;
color: inherit;
cursor: pointer;
font: {
size: inherit;
family: inherit;
}
-webkit-font-smoothing: inherit;
@timhettler
timhettler / SassMeister-input.scss
Created July 16, 2014 18:12
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
/* Example 1 */
@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
@timhettler
timhettler / gist:29dc07ab0fac324c987b
Created August 26, 2014 13:20
Sublime Text User Settings
{
"auto_complete_triggers":
[
{
"characters": "ng-controller=\"*",
"selector": "punctuation.definition.string"
}
],
"color_scheme": "Packages/User/Monokai (SL).tmTheme",
"default_line_ending": "unix",
@timhettler
timhettler / disableScroll.js
Last active August 29, 2015 14:06
Function to disable scrolling on a webpage, with optional override. Most often used with mobile web apps.
var isTouchAllowed = function (target) {
while (target !== document.body) {
if (target.getAttribute('allow-touch') !== undefined) {
return true;
}
target = target.parentNode();
}
return false;
};
@timhettler
timhettler / disableScrollSimple.js
Created September 19, 2014 15:20
Function to disable scrolling on a webpage. Most often used with mobile web apps.
document.body.bind('touchmove', function (e) {
e.preventDefault();
});
@timhettler
timhettler / SassMeister-input-HTML.html
Created March 25, 2015 16:47
Generated by SassMeister.com.
<div class="test">test headline</div>
@timhettler
timhettler / SassMeister-input-HTML.html
Last active August 29, 2015 14:18
Generated by SassMeister.com.
<div class="fpo-container">
<div class="fpo fpo--1"></div>
<div class="fpo fpo--2"></div>
<div class="fpo fpo--3"></div>
<div class="fpo fpo--4"></div>
</div>