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 / sass-general-mio.scss
Last active September 26, 2016 07:58
sass general mixins responsive font face placeholder
// styling a
$a-tags: 'a, a:active, a:hover, a:visited';
$a-tags-hover: 'a:active, a:hover';
#{$a-tags} {
color: inherit;
text-decoration: none;
@include transition(all 0.3s ease-in-out);
}
var m_lastScrollTop = 0;
$(window).scroll(function() {
var m_getscroll = $(window).scrollTop();
//Scroll UP & DOWN
m_getscroll = m_getscroll;
if (m_getscroll > m_lastScrollTop) { //-----------DOWN
console.log('pa abajo');
} else { //-----------UP
@carolina-vallejo
carolina-vallejo / lock-unlock-scroll.js
Last active August 27, 2016 17:44
lock/unlock scroll
function lock_scroll(){
// lock scroll position, but retain settings for later
var scrollPosition = [
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
];
var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
html.data('scroll-position', scrollPosition);
html.data('previous-overflow', html.css('overflow'));
html.css('overflow', 'hidden');
$('.elemt').on('click',function(e){
//e.preventDefault(e);
$('html,body').animate({scrollTop:0}, 600);
});
@carolina-vallejo
carolina-vallejo / stop-animation.scss
Last active May 19, 2016 17:10
stop animation at last frame
@mixin rotating($tg) {
-webkit-transform: rotate(#{$tg}deg);
-ms-transform: rotate(#{$tg}deg);
transform: rotate(#{$tg}deg);
}
div {
width: 100px;
height: 100px;
position: absolute;
@carolina-vallejo
carolina-vallejo / main.js
Created May 19, 2016 18:03
mylibraryjs, started JS library
$(document).ready(function() {
var configs = {
wrap: '#output',
data: {
labels: ['one', 'two', 'three'],
values1: [5, 7, 9],
values2: [10, 14, 18]
}
};
@carolina-vallejo
carolina-vallejo / get-theme-url.php
Last active February 16, 2018 08:51
get theme url wordpress
echo esc_url( get_template_directory_uri() );
@carolina-vallejo
carolina-vallejo / social-buttons-share.php
Created October 15, 2016 07:33
social share buttons php
<ul class="socials share_btns">
<li>
<a class="ico facebook" href="https://www.facebook.com/sharer.php?u=<?php echo wp_get_shortlink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" title="Compartir en Facebook" target="_blank">Facebook</a>
</li>
<li>
<a class="ico twitter" href="https://twitter.com/share?url=<?php echo wp_get_shortlink(); ?>&via=<usuario_twitter>&text=<?php echo urlencode(html_entity_decode(get_the_title(), ENT_COMPAT, 'UTF-8')); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" title="Compartir en Twitter" target="_blank">Twitter</a>
</li>
<li>
<a class="ico plus_social" href="https://plus.google.com/share?url=<?php echo wp_get_shortlink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
@carolina-vallejo
carolina-vallejo / clear-mixin.scss
Last active October 29, 2017 12:36
clear mixin sass
@mixin clean {
&::after,
&::before {
content: "";
display: table;
}
&::after {
clear: both;
}
}
@carolina-vallejo
carolina-vallejo / placeholder.scss
Created November 30, 2016 17:21
input placeholder crossbrowser mixin sass
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
/* Firefox 18- */
@content;
}
&::-moz-placeholder {
/* Firefox 19+ */