Skip to content

Instantly share code, notes, and snippets.

@arno-hh
arno-hh / gist:82a9895c7d7aac27649d
Last active February 9, 2016 21:55
MIXIN: CSS3 Animation
@mixin animation($ani-name,$delay: 0s, $duration: 1s, $timing: ease-in, $fill-mode: forwards) {
animation-name: $ani-name;
animation-duration: $duration;
animation-timing-function: $timing;
animation-delay: $delay;
animation-fill-mode: $fill-mode;
-webkit-animation-name: $ani-name;
-webkit-animation-duration: $duration;
-webkit-animation-timing-function: $timing;
@arno-hh
arno-hh / .css
Created January 4, 2016 14:02
How to build a square & responsive box with pure css
.square-box {
position: relative;
width: 100%;
overflow: hidden;
}
.square-box:before {
content: "";
display: block;
padding-top: 100%;
}
@arno-hh
arno-hh / 0_reuse_code.js
Created December 12, 2015 21:21
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@arno-hh
arno-hh / gist:2e8484798a341267b7c0
Created October 28, 2014 14:36
E-Mail - Fix for not working align="center" on tables at yahoo webmail
table {
border-collapse: collapse;
table-layout: fixed;
margin:0 auto;
}
@arno-hh
arno-hh / gist:dc3643d9c6be40d54d96
Created October 15, 2014 14:31
E-Mail - Hide mobile content in desktop clients
Inline:
display: none;
font-size: 0;
max-height: 0;
line-height: 0;
padding: 0; (optional)
mso-hide: all; /* hide elements in Outlook 2007-2013 */
Media Query (mobile):
@arno-hh
arno-hh / remove-iOS-Blue-Links
Created August 14, 2014 09:28
(E-Mail) Apple iOs remove automaticly inserted Blue-Links
@arno-hh
arno-hh / media_queries
Created July 31, 2014 08:28
media queries (with hi dpi)
@media only screen and (min-width: 1024px) {
.hero-teaser {
background: url("../img/ComingSoon-x-large.jpg") no-repeat;
width: 1024px;
height: 913px;
}
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {