Skip to content

Instantly share code, notes, and snippets.

View KittenCodes's full-sized avatar

Phe Simmonds KittenCodes

24 followers · 9 following
View GitHub Profile
@KittenCodes
KittenCodes / categories.css
Created March 27, 2021 10:43
Show a list of taxonomies using a Code Block
.category-post-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.category-post {
width: 33.33%;
}
@KittenCodes
KittenCodes / loop-through-categories.css
Created February 12, 2021 14:18
Loop through categories in a taxonomy and display the output
.taxonomy-container {
width: 100%;
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.taxonomy-div {
width: 33.33%;
display: flex;
@KittenCodes
KittenCodes / form.css
Created January 31, 2021 09:28
Login & Registration Form
/* tabbed list */
ul.tabs_login {
padding: 0; margin: 20px 0 0 0;
position: relative;
list-style: none;
font-size: 14px;
z-index: 1000;
float: left;
}
ul.tabs_login li {
@KittenCodes
KittenCodes / animate-waypoints.css
Last active February 11, 2023 06:16
jQuery for using Animate CSS & Waypoints JS with Oxygen
/* Add this to a stylesheet via Manage > Stylesheets in the top right of the builder */
.wp-embed-responsive .cssAnimate {
opacity: 0;
}
@KittenCodes
KittenCodes / php.php
Created December 27, 2020 09:44
Decoded PHP
Post: 13135
<?php
wp_enqueue_style('splide-css');
wp_enqueue_script('splide');
?>
<?php
//echo "hello world!";
@KittenCodes
KittenCodes / svg.txt
Created November 27, 2020 14:27
Oxygen Default SVG Icons
a:2:{s:12:"Font Awesome";s:591781:"<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1">
<defs>
<symbol id="FontAwesomeicon-glass" viewBox="0 0 32 32">
<title>glass</title>
<path class="path1" d="M30.339 3.321q0 0.625-0.768 1.393l-11.286 11.286v13.714h5.714q0.464 0 0.804 0.339t0.339 0.804-0.339 0.804-0.804 0.339h-16q-0.464 0-0.804-0.339t-0.339-0.804 0.339-0.804 0.804-0.339h5.714v-13.714l-11.286-11.286q-0.768-0.768-0.768-1.393 0-0.411 0.321-0.652t0.679-0.313 0.768-0.071h25.143q0.411 0 0.768 0.071t0.679 0.313 0.321 0.652z"/>
</symbol>
<symbol id="FontAwesomeicon-music" viewBox="0 0 27 32">
<title>music</title>
<path class="path1" d="M27.429 4v20q0 0.893-0.607 1.589t-1.536 1.080-1.848 0.571-1.723 0.188-1.723-0.188-1.848-0.571-1.536-1.080-0.607-1.589 0.607-1.589 1.536-1.080 1.848-0.571 1.723-0.188q1.875 0 3.429 0.696v-9.589l-13.714 4.232v12.661q0 0.893-0.607 1.589t-1.536 1.080-1.848
@KittenCodes
KittenCodes / flipbox.css
Last active November 19, 2020 21:47
CSS for Building A Flipbox In WordPress With Oxygen
.flipbox {
position: relative;
}
.flipbox__front,
.flipbox__back {
transition: 0.7s all ease-in-out;
backface-visibility: hidden;
}
@KittenCodes
KittenCodes / tippy.js
Created September 19, 2020 07:32
Tippy JavaScript
document.addEventListener("DOMContentLoaded", function() {
tippy('[data-tippy-content]', {
animation: 'shift-away',
});
})
@KittenCodes
KittenCodes / tippy.html
Created September 19, 2020 07:31
Tippy PHP & HTML
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<link
rel="stylesheet"
href="https://unpkg.com/tippy.js@6/animations/shift-away.css"
/>
@KittenCodes
KittenCodes / off-canvas-menu.json
Created March 22, 2020 19:42
Oxygen Off Canvas Menu Preset
{"name":"AlwaysOffCanvas","options":{"original":{"globalConditionsResult":true,"oxy-pro-menu_show_mobile_menu_below":"always","oxy-pro-menu_mobile_menu_open_icon":"FontAwesomeicon-bars","oxy-pro-menu_mobile_menu_open_icon_text":"Open","oxy-pro-menu_slug_oxypromenumobileopeniconsvg_width|height":"32","oxy-pro-menu_slug_oxypromenumobileopeniconsvg_margin_right":"16","oxy-pro-menu_slug_oxypromenumobileopenicon_background_color":"color(6)","oxy-pro-menu_slug_oxypromenumobileopeniconsvg_color":"color(13)","oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_font-family":"Oswald","oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_font-size":"18","oxy-pro-menu_-oxy-pro-menu-mobile-open-icon_typography_color":"color(13)","oxy-pro-menu_off_canvas":"true","oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width-unit":"%","oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width"