Skip to content

Instantly share code, notes, and snippets.

View napotopia's full-sized avatar

Rodrigo Martinez napotopia

View GitHub Profile
@napotopia
napotopia / input.scss
Created May 2, 2023 15:29
Generated by SassMeister.com.
.pipe-separator {
white-space: nowrap;
&:empty {
display: none;
}
&:not(:empty) ~ &::before {
content: ' | ';
}
@napotopia
napotopia / input.scss
Created February 17, 2022 20:20
Generated by SassMeister.com.
@use "sass:math";
@use "sass:map";
@function round-decimal($number: 0, $decimals: 1) {
$precision: 1;
@if $decimals > 0 {
@for $i from 1 through $decimals {
$precision: $precision * 10;
@napotopia
napotopia / input.scss
Created February 17, 2022 20:05
Generated by SassMeister.com.
@use "sass:math";
@use "sass:map";
@function round-decimal($n: 0, $decimals: 1) {
$precision: 1;
@if $decimals > 0 {
@for $i from 1 through $decimals {
$precision: $precision * 10;
@napotopia
napotopia / input.scss
Last active February 17, 2022 20:04
Generated by SassMeister.com.
@use "sass:math";
@use "sass:map";
@function round-decimal($n: 0, $decimals: 1) {
$precision: 1;
@if $decimals > 0 {
@for $i from 1 through $decimals {
$precision: $precision * 10;
@napotopia
napotopia / input.scss
Created February 17, 2022 18:19
Generated by SassMeister.com.
@use "sass:math";
@use "sass:map";
@function round-decimal($n: 0, $decimals: 1) {
$precision: 1;
@if $decimals > 0 {
@for $i from 1 through $decimals {
$precision: $precision * 10;
@napotopia
napotopia / input.scss
Last active August 23, 2021 14:17
Generated by SassMeister.com.
$bg-color: pink !default;
$body-color: gray !default;
// default theme here
:root {
--background-color: #{$bg-color};
--body-color: #{$body-color};
}
@napotopia
napotopia / input.scss
Last active June 10, 2021 19:43
Add a wrapping class with the desired level of specificity
@mixin class-wrapper($wrapper, $specificity: 10) {
@if ($wrapper == null) {
@warn "$wrapper value is required.";
}
$iterator: $specificity / 10;
$selector: null;
@napotopia
napotopia / SassMeister-input.scss
Created February 22, 2016 13:23
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$mq-overlap: 0.065em;
$mq-overlap--print: 0.01in;
$mq: (
values: (
all: (
@napotopia
napotopia / SassMeister-input.scss
Last active December 28, 2015 11:59
Generated by SassMeister.com.
// ----
// libsass (v3.3.2)
// ----
@function breakpoint-value ($value) {
// passthrough a number value
@if type-of($value) == number {
@return $value;
}
@napotopia
napotopia / SassMeister-input.scss
Created November 6, 2015 13:14
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@function number($number) {
@return $number / ($number * 0 + 1);
}
@function isInteger ($n) {
@return round($n) == $n;