Skip to content

Instantly share code, notes, and snippets.

View carolina-vallejo's full-sized avatar

Carolina Vallejo carolina-vallejo

  • ITONICS, GmbH
  • Berlin
View GitHub Profile
@carolina-vallejo
carolina-vallejo / font-smooth.scss
Created December 6, 2017 15:47
font smooth scss css
body {
font-size: $global-font-size;
padding: 0;
margin: 0;
font-family: $family, Arial, Sans-serif;
line-height: 1.5;
color: #3b3b3b;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@carolina-vallejo
carolina-vallejo / responsive-ie.scss
Created November 27, 2017 11:38
mixin responsive only IE media query
@mixin responsive-ie {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
@content;
}
}
@carolina-vallejo
carolina-vallejo / best-flex.scss
Created November 22, 2017 18:35
best flex for everyone! (safari, chrome, IE, firefox) wrap
//CLEAR MUST BE DISPLAY BLOCK!
.parentflex{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@carolina-vallejo
carolina-vallejo / count-repeated-array.js
Created November 10, 2017 12:10
count repeated javascript
for (var i = dataByDot.length; i--;) {
var strcolour = dataByDot[i].key.search("-") !== -1 ? dataByDot[i].key.substring(0, dataByDot[i].key.indexOf('-')) : dataByDot[i].key;
oldcolor = newcolor;
newcolor = strcolour;
if (oldcolor === newcolor) {
subColors[strcolour] += 1;
} else {
@carolina-vallejo
carolina-vallejo / settings-functions.scss
Created November 2, 2017 08:59
settings functions mixins sass
@mixin responsive($max, $width) {
@media only screen and (unquote( $max + '-width: ' + $width)) {
@content;
}
}
@mixin responsive_h($max, $height) {
@media only screen and (unquote( $max + '-height: ' + $height)) {
@content;
}
}
@carolina-vallejo
carolina-vallejo / git-message-correction.txt
Created October 29, 2017 12:10
git amend message correction
git commit --amend
@carolina-vallejo
carolina-vallejo / pixi-group-order.js
Created October 29, 2017 10:05
pixi group and zIndex z-index order
var raidersGroupContainer = new PIXI.DisplayObjectContainer();
var mapContainer = new PIXI.DisplayObjectContainer();
mapContainer.zIndex = 1;
raidersGroupContainer.zIndex = 100;
container.addChild(mapContainer);
container.addChild(raidersGroupContainer);
@carolina-vallejo
carolina-vallejo / mapa-fsmcv.js
Last active December 30, 2017 16:48
mapa fsmcv musica i poble leaflet
(function($, window, document) {
var $eventArray = new Array(); // save events in array to change og:title metatags id url patrameter
var evt_id = evtid !== '' ? evtid : 0;
/*-------------------------------*/
//////////////////////////LEAFLET
var mymap = L.map('mapid', {
scrollWheelZoom: false,
@carolina-vallejo
carolina-vallejo / dinamic-verticalalign-flex.scss
Last active November 24, 2017 11:15
dinamic vertical align in box css / sass with flex cross browser
@mixin cell($align) {
display: table;
width: 100%;
&>* {
display: table-cell;
vertical-align: $align;
}
}
.boxes-type9 {
@carolina-vallejo
carolina-vallejo / section-animation.js
Created October 6, 2017 08:49
Animate sections appear javascript
var strAllSelectors = '.section-blocks .columns_c' +
', .text-img-block .wrap-columns';
var $sectionBlock = $(strAllSelectors);
//--comprobar si al seccion entra en pantalla
$sectionBlock.each(function() {
var $this = $(this);
var box = $this.offset();
if (box.top - 200 < $(window).height()) {