Add to Theme Master

.staff-bio-section .staff-bio .bio p:first-child { color: var(–secondary-color); font-size: 1.25rem; } .single-staff .text a { color: var(–primary-color); } /* highlight */ .highlight { background: var(–primary-color); padding: 37px 40px; margin: 40px 0px; } .highlight h2:first-child, .highlight h2:first-child { margin-top: 0; color:#fff; }…Continue reading

Tilt Effect JS

elem = document.getElementsByClassName(‘uk-background-norepeat’); window.addEventListener(‘deviceorientation’, function(e){ handler(e); }, false); function handler(e){ var width = window.outerWidth, rot = e.gamma / 1800, left = ( width / 2 ) * rot; elem[0].style.backgroundPosition = left + ‘px’; }Continue reading

Buttons Material Design JS

‘use strict’; var rippleEffect = function (e) { var target = e.currentTarget; var ripple = target.querySelector(‘.ripple’); if(ripple){ console.log(‘asdfasdfasfas’); jQuery(ripple).remove(); } var rect = target.getBoundingClientRect(); var rippleNew = document.createElement(‘span’); target.appendChild(rippleNew); rippleNew.className = ‘ripple’; rippleNew.style.height = rippleNew.style.width = Math.max(rect.width, rect.height) + ‘px’;…Continue reading

Buttons Material Design CSS

.uk-button { overflow: hidden!important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .uk-button span { pointer-events: none; } .ripple { /* mix-blend-mode: difference; */ position: absolute; background: #000000; border-radius: 100%; transform: scale(0.01); opacity: 0; pointer-events: none; -webkit-animation:…Continue reading

YooTheme CSS

.uk-modal.uk-open { backdrop-filter: blur(2px) } .tm-header .uk-sticky { box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.3); } .home main .uk-section-default { background: transparent; } .home main .uk-section-default .uk-container .uk-panel { background-color: white; }Continue reading

Form Labels CSS || OLD

:root { –transitionDuration: 250ms; –transitionTF: cubic-bezier(0.145, 0.045, 0.355, 1); /* floated labels */ –inputPaddingV: var(–gutterMd); –inputPaddingH: var(–gutterLg); –inputFontSize: var(–fontSizeLg); –inputLineHeight: var(–lineHeightMd); –labelScaleFactor: 0.2; –labelDefaultPosY: 50%; –labelTransformedPosY: calc( (var(–labelDefaultPosY)) – (var(–inputPaddingV) * var(–labelScaleFactor)) – (var(–inputFontSize) * var(–inputLineHeight)) ); –inputTransitionDuration: var(–transitionDuration); –inputTransitionTF:…Continue reading