Buttons Material Design JS

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

Buttons Material Design CSS

.uk-button { overflow: hidden!important; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .ripple { position: absolute; background: rgba(0,0,0,.5); border-radius: 100%; transform: scale(0.2); opacity: 0; pointer-events: none; -webkit-animation: ripple 0.5s ease-out; -moz-animation: ripple 0.5s ease-out; 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

: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

Event Data | Display Eventbrite Events

add_filter( ‘wfea_api_results’, // hook to filter returned event data before display /** * @param $events * @param $atts * * @return mixed * @throws Exception */ function ( $events, $atts ) { if ( ! in_array( $atts[‘layout’], array( ‘cal_list’, ‘cal’…Continue reading

Cusdtom WP escape

function my_plugin_kses( $html ) { $kses_defaults = wp_kses_allowed_html( ‘post’ ); $svg_args = array( ‘svg’ => array( ‘class’ => true, ‘aria-hidden’ => true, ‘aria-labelledby’ => true, ‘role’ => true, ‘xmlns’ => true, ‘fill’ => true, ‘width’ => true, ‘height’ => true,…Continue reading