Skip to content

Instantly share code, notes, and snippets.

@fuhlig
fuhlig / input.scss
Last active November 3, 2021 10:21
Generated by SassMeister.com.
$sass-var: 10px;
@function strip-unit($number) {
@if type-of($number) == "number" and not unitless($number) {
@return $number / ($number * 0 + 1);
}
@return $number;
}
@fuhlig
fuhlig / input.scss
Created July 16, 2021 12:34
Generated by SassMeister.com.
// /* ------------------------------------*\
// #Container Query
// \*------------------------------------ */
/// Container Query
///
/// @param {Map} $map - 1-dimensional map with queries
/// key[String]: alias
/// value[Number]: unitless value that reflects px-based value
/// (handled via JS, needs to be unitless)
@fuhlig
fuhlig / input.scss
Created June 10, 2021 08:32
Generated by SassMeister.com.
$HEADLINES: (
1: (
size: 10px,
weight: 700,
margin: 1rem,
),
2: (
size: 20px,
weight: 700,
margin: 2rem,
@fuhlig
fuhlig / SassMeister-input.scss
Last active September 29, 2019 16:50
Generated by SassMeister.com.
// ----
// libsass (v3.5.4)
// ----
// Sass variables are case-sensitive
$avenger: 'Spiderman';
$AVENGER: 'Hulk';
.peter {
hero: $avenger;
@fuhlig
fuhlig / SassMeister-input.scss
Last active September 14, 2019 18:44
Generated by SassMeister.com.
// ----
// libsass (v3.5.4)
// ----
$module-variable: 'custom';
$module-variable: 'default' !default;
.module {
debug: $module-variable;
@fuhlig
fuhlig / .gitconfig
Last active September 18, 2020 13:48
[commit]
verbose = true
[user]
name = Florian Uhlig
email = [email protected]
[alias]
latest = log --oneline --no-merges HEAD..@{upstream}
quick-amend = commit --amend --no-verify --no-edit
quick-push = push --force-with-lease
quick-log = log --oneline -n10
[$PACKAGE$/$TYPE$] $Scope$: $Subject$ ($TICKET$)
$body$
$footer$
@fuhlig
fuhlig / browser-hacks.scss
Created October 17, 2018 08:21
Browser-Specific Styles
// /*------------------------------------*\
// #BROWSER-HACKS
// \*------------------------------------*/
// Target specific browsers with CSS only.
// http://browserhacks.com/
// IE CSS HOOK
// Target only IE10+
@mixin ie-only() {
@fuhlig
fuhlig / SassMeister-input-HTML.html
Created November 10, 2015 17:07
Generated by SassMeister.com.
<h3>lighten</h3>
<span class="[ weather-demo ] [ weather-rain weather-rain-1 weather-rain--lighten ]">0</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-2 weather-rain--lighten ]">4</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-3 weather-rain--lighten ]">8</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-4 weather-rain--lighten ]">12</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-5 weather-rain--lighten ]">16</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-6 weather-rain--lighten ]">20</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-7 weather-rain--lighten ]">24</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-8 weather-rain--lighten ]">28</span>
<span class="[ weather-demo ] [ weather-rain weather-rain-9 weather-rain--lighten ]">32</span>
@fuhlig
fuhlig / custom-select.scss
Created September 9, 2015 14:26
custom select
/*------------------------------------*\
#CUSTOM-SELECT
\*------------------------------------*/
////
/// Custom Select
/// @group components.select
////
/// consistent height for form inputs