Skip to content

Instantly share code, notes, and snippets.

View trilodge's full-sized avatar
Coffee first development

Fabian Tempel trilodge

Coffee first development
View GitHub Profile
@trilodge
trilodge / settings.json
Last active November 10, 2017 10:01
M$ VSCode config file
{
"workbench.colorTheme": "Cobalt2",
"typescript.check.npmIsInstalled": false,
"editor.fontSize": 13,
"editor.fontFamily": "Fira Mono",
"editor.tabSize": 2,
"editor.detectIndentation": true,
"editor.fontLigatures": true,
"files.insertFinalNewline": false,
"files.trimTrailingWhitespace": true,
@trilodge
trilodge / Gruntfile.js
Last active May 17, 2017 08:07
Grunt Setup of Stylelint linting SCSS-Files based on postcss-scss and postcss-reporter
var path = require('path');
var fs = require('fs');
module.exports = function (grunt) {
'use strict';
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
@trilodge
trilodge / SassMeister-input-HTML.html
Last active August 29, 2015 14:19
Generated by SassMeister.com.
<div class="row row--alt survey_chbx">
<input id="policy" type="checkbox" name="policy" class="checkbox" required>
<label for="policy"><em title="Pflichtfeld">*</em> Ich bin mit den <a href="#">Nutzungsbedingungen</a> sowie mit der
<a href="#">Erhebung meiner Daten</a> einverstanden.
</label>
</div>
<br><br><br>
@trilodge
trilodge / index.html
Created April 15, 2015 14:10
Box-Shadow bug on iPhone 6 plus with iOS 8.3 and 8.4 beta
<div class="box">Setting the "spread" value in box-shadow disables the rendering of box-shadow on iphone 6 plus</div>
<div class="box1">Setting a background-color with rgba and an alpha value other than 1 disables the rendering of box-shadow on iphone 6 plus</div>
<div class="box2">Box-shadow should be displayed as it should</div>
<p>If you need both values and still want to have a box-shadow, setting border-radius: .1px; is the workaround you will need.</p>
<p>Tested on iphone 6 plus and iOS 8.3 and 8.4 beta</p>
@trilodge
trilodge / mobile-webkit.css
Last active January 2, 2016 18:09
some (mobile) webkit specific resets and adjustments. sort of.
* {
/* should only be used on mobile webkit browser cause it disables zoom on webkit desktop browsers */
-webkit-text-size-adjust: none;
-webkit-text-stroke: 0;
/* works with safari5+ and iOS4+ */
-webkit-font-smoothing: antialiased;
/* http://css-infos.net/property/-webkit-touch-callout */