Skip to content

Instantly share code, notes, and snippets.

@scheibome
scheibome / gist:fe78b36e44c8b92a1a7e
Created February 17, 2016 20:47 — forked from gthln/gist:8401080
Install Composer on Managed Hosting at Domainfactory

Install Composer on Managed Hosting at Domainfactory

Step 1:

Log in to your Managed Hosting Server via SSH

Step 2:

Add these two lines to .bashrc:

body {
font-size: 16px;
color: #000000;
}
@media screen and (min-width: 800px) {
body {
color: #81CFE0;
}
}
@scheibome
scheibome / include.mixin.fontsize.scss
Last active November 18, 2015 21:59
Font-Size per Viewport - Include
$body-fontsize: (
(null, 16px, #000000),
(800px, null, #81CFE0),
(1000px, 26px, #F9690E)
);
body {
@include font-size($body-fontsize);
}
@scheibome
scheibome / mixin.fontsize.scss
Created November 18, 2015 21:05
Font-Size per Viewport
@mixin font-size($fs-map) {
@each $val in $fs-map {
$fs-breakpoint: nth($val, 1);
$fs-font-size: nth($val, 2);
$fs-font-color: nth($val, 3);
@if $fs-breakpoint == null {
font-size: $fs-font-size;
@include font-color($fs-font-color);
}
@scheibome
scheibome / SassMeister-input-HTML.html
Created October 22, 2015 10:01
Generated by SassMeister.com.
<div class="test">
<div class="newspaper">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
</div>
<div class="newspaper">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut lao
@scheibome
scheibome / SassMeister-input-HTML.html
Last active November 18, 2015 20:57
generate fontsize per breakpoint in scss
<section class="section">This is a Test!</section>
@scheibome
scheibome / SassMeister-input.scss
Created September 16, 2015 08:50
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$tablet: 786px;
$desktop: 1024px;
$desktopwide: 1200px;
$font-sizes: (
null: 14px,
@scheibome
scheibome / SassMeister-input.scss
Created August 7, 2015 19:49
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$elementSeparator: '__';
$modifierSeparator: '--';
@function containsModifier($selector) {
$selector: selectorToString($selector);
@if str-index($selector, $modifierSeparator) {
@scheibome
scheibome / blackstripe
Last active August 29, 2015 14:24
black stripe
body {
max-width: 1020px;
margin: auto;
}
body:before {
content: '';
background-color: #000;
display: block;
[alias]
changelog = "!_() { t=$(git describe --abbrev=0 --tags); git log ${t}..HEAD --no-merges --pretty=format:'* %s'; }; _"