Skip to content

Instantly share code, notes, and snippets.

<style>
/* ---------------------------------------------- /*
* Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
border: 2px solid #000;
border-radius: 16px;
height: 40px;
width: 24px;
display: block;
@Nekspsy
Nekspsy / media.css
Created August 9, 2017 12:11 — forked from agragregra/media.css
Bootstrap Media CSS | Sass
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px
@Nekspsy
Nekspsy / jQuery.newPlugin.js
Last active August 9, 2017 12:10 — forked from agragregra/jQuery.newPlugin.js
jQuery New Plugin
$.fn.myNewPlugin = function() {
return this.each(function() {
// Do something to each element here.
});
};
@Nekspsy
Nekspsy / jquery-active.js
Created August 9, 2017 12:08 — forked from agragregra/jquery-active.js
jQuery Active Menu
//Active menu
$("li a").each(function() {
if (this.href == window.location.href) {
$(this).addClass("active");
}
});
@Nekspsy
Nekspsy / scroll-next.js
Created August 9, 2017 12:06 — forked from agragregra/scroll-next.js
jQuery Scroll To Next Section
$(".scroll-next").click(function() {
var cls = $(this).closest(".section").next().offset().top;
$("html, body").animate({scrollTop: cls}, "slow");
});
@Nekspsy
Nekspsy / button.sass
Created August 9, 2017 11:48 — forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@Nekspsy
Nekspsy / nth-child-loop.sass
Created August 9, 2017 11:47 — forked from agragregra/nth-child-loop.sass
Sass nth-child background-color loop
$colors: $red, $blue, $accent
@for $i from 1 through length($colors)
.carousel-services .owl-item:nth-child(#{length($colors)}n+#{$i})
background-color: nth($colors, $i)
@Nekspsy
Nekspsy / window-resize-end.js
Created August 9, 2017 11:46 — forked from agragregra/window-resize-end.js
Window resize-end function
//Resize Window
function onResize() {
};
var doit;
doit = setTimeout(onResize, 400);
window.onresize = function() {
clearTimeout(doit);
doit = setTimeout(onResize, 400);
};
@Nekspsy
Nekspsy / scroll-top.html
Created August 9, 2017 11:45 — forked from agragregra/scroll-top.html
Scroll Top Button
<div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div>
.top
position: fixed
bottom: 25px
background-color: #E0E0E0
border-radius: 10em
color: #666
font-size: 26px
width: 50px