View visibility-transition.scss
@keyframes fadeIn { | |
0% { | |
opacity: 0; | |
} | |
100% { | |
visibility: visible; | |
opacity: 1; | |
} | |
} |
View nth-last-child.css
//Last 4 items won't have margin | |
.selector{ | |
margin-bottom: 20px; | |
&:nth-last-child(-n+4){ | |
margin-bottom: 0; | |
} | |
} |
View flexbox-same-height-div.css
//SAME HEIGHT + VERTICALLY CENTERED CONTENT | |
.parent { | |
display: -webkit-box; | |
display: -moz-box; | |
display: -ms-flexbox; | |
display: -webkit-flex; | |
display: flex; | |
justify-content: center; | |
} |
View togglePasswordText.js
var togglePasswordText = function(){ | |
var $showBtn = $('.js-show-password'); | |
var $pw = $('.js-password-toshow'); | |
$showBtn.on('click', function(){ | |
if ( $pw.get(0).type === "password" ){ | |
$pw.get(0).type = 'text'; | |
$showBtn.addClass('active'); | |
} | |
else{ |
View goToDataLink.js
//@selector: must have a data-link attribute with url | |
Nsw.goToDataLink = function(selector){ | |
var $selector = $(''+selector+''); | |
var link = $selector.data('link'); | |
$selector.on('click', function(){ | |
window.location.href = link; | |
}); | |
}; |
View ismobile.js
//Global function | |
if (!window.Nsw) { | |
window.Nsw = {}; | |
} | |
Nsw.viewPortWidth = function() { | |
var e = window, a = 'inner'; | |
if (!('innerWidth' in window )) { | |
a = 'client'; | |
e = document.documentElement || document.body; |
View magento-skin-url.phtml
<!-- this is inside of .phtml files --> | |
<img src="<?php echo $this->getSkinUrl('images/breadcrumbs_arrow.gif'); ?>" alt="arrow"/> | |
<!-- this is in cms block --> | |
<img class="featured-ratings" src="{{skin url='images/ratings.jpg'}}" alt="" /> |
View close-cross-css3.css
.pre-header .close{ | |
position: absolute; | |
top: 25px; | |
right: 5px; | |
width: 30px; | |
height: 30px; | |
cursor: pointer; | |
} | |
.pre-header .close .cross{ |
View isRetinaOrHighDensity.js
function isHighDensity(){ | |
return ((window.matchMedia && (window.matchMedia('only screen and (min-resolution: 124dpi), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 48.8dpcm)').matches || window.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3)').matches)) || (window.devicePixelRatio && window.devicePixelRatio > 1.3)); | |
} | |
function isRetina(){ | |
return ((window.matchMedia && (window.matchMedia('only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 75.6dpcm)').matches || window.matchMedia('only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)').matches)) || (window.devicePixelRatio && window.devicePixelRatio >= |
NewerOlder