Skip to content

Instantly share code, notes, and snippets.

View RishatHM's full-sized avatar

Rishat Haydarshin RishatHM

  • 18:39 (UTC +05:00)
View GitHub Profile
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px
@RishatHM
RishatHM / button.sass
Last active December 13, 2018 11:06 — 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
$(window).scroll(function() {
var st = $(this).scrollTop() /10;
$(".object").css({
"transform" : "translate3d(0px, " + st + "%, .01px)",
"-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
});
});
@RishatHM
RishatHM / Turn OFF Animate.css on Mobile Devices
Last active January 25, 2019 11:19 — forked from agragregra/Turn OFF Animate.css on Mobile Devices
Отключение анимации Animate.css на мобильных устройствах
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/