Skip to content

Instantly share code, notes, and snippets.

View LukyVj's full-sized avatar
🏠
Working from home

Lucas Bonomi LukyVj

🏠
Working from home
View GitHub Profile
@LukyVj
LukyVj / load.html
Created January 18, 2016 13:20
Get page load time
<div id="test"><s><span id="time"></span></s> to display <s><span id="num"></span></s> elements</div>
@LukyVj
LukyVj / SassMeister-input.scss
Last active October 9, 2017 06:23
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
// SASSVG
//
// API :
// svg(<shape>, <size>, <color>, <unit>, <repeat>, <path:false>);
@mixin svg($shape, $size, $color, $unit, $repeat, $path: false) {
@LukyVj
LukyVj / SassMeister-input.scss
Last active October 20, 2015 15:19
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$last: 10;
@for $i from 1 through $last + 1 {
@for $j from 1 through $i + 1 {
@for $k from 1 to $i {
@for $l from 1 to $j {
@LukyVj
LukyVj / SassMeister-input.scss
Last active October 20, 2015 14:51
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$num: 5;
@for $i from 0 to $num {
#averagelabel0#{$i}:checked ~ .radio label[for="averagelabel0#{$i}"] {
background-color: green;
}
@LukyVj
LukyVj / SassMeister-input.scss
Created October 20, 2015 14:26
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$view: "Current view";
// Other size
$sidebar-width: 280px;
@LukyVj
LukyVj / SassMeister-input.scss
Created July 2, 2015 15:05
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$icons: 'one', 'two', 'three';
$colors: 'red', 'blue', 'green';
$sizes: 'sm', 'md', 'bg';
@each $icon in $icons{
@each $color in $colors{
@LukyVj
LukyVj / SassMeister-input.scss
Last active August 29, 2015 14:23
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
// SASS Maps
$map: (
1: 'red',
2: 'blue',
3: 'green'
);
@LukyVj
LukyVj / SassMeister-input.scss
Last active October 23, 2018 07:39
Generate SVG icon font with color change possibility (without changing the fill), with a IE fallback.
// ----
// libsass (v3.2.5)
// ----
$version: "0.1.1";
/* This CSS is generated by My SASSVG-iconic Mixin #{$version}. */
$icon-list: 'twitter', 'facebook', 'instagram';
$icon-list:(
@LukyVj
LukyVj / auto_mixins.scss
Last active August 29, 2015 14:22
Automated Margins Mixin
// Define your different margin sizes
// Along with the directions ( if needed )
$m-sizes: 16, 32, 46;
$m-dir: 'left', 'right', 'top', 'bottom';
@mixin all-margin($value, $direction){
@if $value < 17 {
.margin-s-#{$direction}{
margin-#{$direction}: $value#{px};
}
@LukyVj
LukyVj / SassMeister-input.scss
Created June 2, 2015 16:40
Generated by SassMeister.com.
// ----
// libsass (v3.2.4)
// ----
// 7. colors for meta loops
$c-darkorange: #F55500;
$c-lightblue: #5CB0E6;
$c-green: #51C47D;
$c-orange: #FF9D32;