Skip to content

Instantly share code, notes, and snippets.

View blayderunner123's full-sized avatar

Jonathan Adcox blayderunner123

View GitHub Profile
@blayderunner123
blayderunner123 / index.html
Last active August 24, 2019 22:48
TBS Accordion
<div class="wrapper">
<div class="main">
<hr class="divider">
<h2>COMMON QUESTIONS</h2>
<button class="tbs-accordion tbs-btn tbs-btn-lg tbs-btn-outline-success waves-effect waves-light">WHATS INCLUDED?</button>
<div class="panel">
<div class="row">
<div class="columnings">
<div class="ingredients">
<img src="https://cdn.shopify.com/s/files/1/0954/4660/products/Beard_Honour_1800x1800.jpg?v=1560317563" alt="">
@blayderunner123
blayderunner123 / index.html
Created August 24, 2019 22:39
MD Bootstrap Buttons
<h2>Primary Buttons</h2>
<button type="button" class="tbs-btn tbs-btn-primary waves-effect waves-light">Primary</button>
<button type="button" class="tbs-btn tbs-btn-secondary waves-effect waves-light">Secondary</button>
<button type="button" class="tbs-btn tbs-btn-success waves-effect waves-light">Success</button>
<button type="button" class="tbs-btn tbs-btn-danger waves-effect waves-light">Danger</button>
<button type="button" class="tbs-btn tbs-btn-warning waves-effect waves-light">Warning</button>
<button type="button" class="tbs-btn tbs-btn-info waves-effect waves-light">Info</button>
<button type="button" class="tbs-btn tbs-btn-light waves-effect waves-light">Light</button>
<button type="button" class="tbs-btn tbs-btn-dark waves-effect waves-light">Dark</button>
<button type="button" class="tbs-btn tbs-btn-link waves-effect waves-light">Link</button>
@blayderunner123
blayderunner123 / index.html
Created April 12, 2019 01:39
Responsive Topnav
<nav class="navbar">
<span class="navbar-toggle" id="js-navbar-toggle">
<i class="fa fa-bars"></i>
</span>
<a href="#" class="logo">logo</a>
<ul class="main-nav" id="js-menu">
<li>
<a href="#" class="nav-links active">Home</a>
</li>
<li>
@blayderunner123
blayderunner123 / index.html
Last active April 8, 2019 03:19
jQuery Easy Tabs Nested tabs
<div class="tab-container" id="outer-container">
<ul class="etabs">
<li class="tab active"><a href="#nested-tab-1">Tab 1</a></li>
<li class="tab"><a href="#nested-tab-2" class="">Tab 2</a></li>
<li class="tab"><a href="#nested-tab-3" class="">Contains more tabs</a></li>
</ul>
<div class="panel-container" style="">
<div id="nested-tab-1" style="display: block;" class="active" class="container-fluid">
<div class="row">
<table class="table table-borderless">

Migrating to Mobile Angular UI 1.2

Core UI functionalities

Core UI Functionalities are those any HTML UI built on Angular could use. They are not Mobile-specific nor depending on anything else that Angular itself, and you could use them with any css framework.

YieldTo/ContentFor

They are the same that 1.1 beside to be prefixed with ui- so use: ui-yield-to and ui-content-for.