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.