Skip to content

Instantly share code, notes, and snippets.

@Nekspsy
Nekspsy / button.sass
Created February 4, 2019 21:34
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
<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
Last active August 9, 2017 12:04
Button Sass Styles (Universal Starter+styles)
.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 / 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)