Flat design accordion with as many nested levels as you need. Click on it!
A Pen by Ryan Bobrowski on CodePen.
<div className="bg-white grid grid-cols-12 px-8 py-5 rounded mb-10"> | |
<div className="col-span-4 flex flex-row items-center"> | |
<span className="w-12 h-12 bg-primary flex items-center justify-center rounded-full"> | |
<svg | |
className="fill-current text-white" | |
width="19" | |
height="19" | |
xmlns="http://www.w3.org/2000/svg" | |
viewBox="0 0 19 19" | |
> |
<?php | |
/* | |
Plugin Name: Redirect Parent to First Child | |
Plugin URI: http://www.nathanrice.net/parent-to-first-child | |
Description: This plugin will do a 301 redirect on top-level parent pages, to their first child page, based first on menu order, then post title if no menu order is set. It only redirects if a *published* child page actually exists. | |
Version: 0.1 | |
Author: Nathan Rice | |
Author URI: http://www.nathanrice.net/ | |
License: This plugin is licensed under GPL. |
// User Settings | |
{ | |
"always_show_minimap_viewport": true, | |
"auto_complete_commit_on_tab": true, | |
"bold_folder_labels": true, | |
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", | |
"draw_minimap_border": false, | |
"font_face": "Anonymous Pro", | |
"font_size": 14, | |
"font_options": |
Original CSS | |
.what-we-do-cards { | |
@include clearfix; | |
border-top: 10px solid rgba(255, 255, 255, .46); | |
background-color: white; | |
background: url('/img/front/strategy.jpg') no-repeat center center; | |
background-attachment: fixed; | |
background-size: cover; | |
color: $white; |
/***** Selector Hacks ******/ | |
/* IE6 and below */ | |
* html #uno { color: red } | |
/* IE7 */ | |
*:first-child+html #dos { color: red } | |
/* IE7, FF, Saf, Opera */ | |
html>body #tres { color: red } |
<?php | |
/** | |
* Wrapper class for the Envato marketplaces API. | |
* | |
* @author Jeffrey Way <[email protected]> | |
* @created January, 2012 | |
* @license Do-whateva-ya-want-with-it | |
*/ |
jQuery(document).ready( function($) { | |
jQuery('.your-class').attr("onclick","return true"); | |
}); | |
//<div class="something" onClick="return true"> |
var isMobile = { | |
Android: function() { | |
return navigator.userAgent.match(/Android/i); | |
}, | |
BlackBerry: function() { | |
return navigator.userAgent.match(/BlackBerry|BB10|PlayBook/i); | |
}, | |
iOS : function() { | |
return navigator.userAgent.match(/iPhone|iPad|iPod/i); | |
}, |
Flat design accordion with as many nested levels as you need. Click on it!
A Pen by Ryan Bobrowski on CodePen.