Skip to content

Instantly share code, notes, and snippets.

🤙
Focus

Milo Delgado moladukes

🤙
Focus
Block or report user

Report or block moladukes

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@moladukes
moladukes / accordian.html
Created Feb 22, 2018
Simple jQuery Accordion Snippet
View accordian.html
<!-- Demo https://codepen.io/moladukes/pen/jZKRrJ -->
<ul>
<li><a href="#" class="accordian-toggle">Toggle</a>
<li class="accordian-description">Description</li>
<li><a href="#" class="accordian-toggle">Toggle</a>
<li class="accordian-description">Description</li>
<li><a href="#" class="accordian-toggle">Toggle</a>
<li class="accordian-description">Description</li>
</ul>
View shadow.scss
.sexy-box-shadow {
box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
}
@moladukes
moladukes / button.html
Last active Jan 23, 2018
Affiliate button template
View button.html
<!--
NOTES: Edit these variables:
BUTTON_URL is the ticket url
BUTTON TEXT is the text on the button
BUTTON_BG is background color. You can create a color code here: http://hslpicker.com/ (i.e #ffffff )
BUTTON_COLOR is button color. You can create a color code here: http://hslpicker.com/ (i.e #000000 )
-->
<p style="text-align: center;"><a href="BUTTON_URL" style="background-color:BUTTON_BG ;border-radius:4px;color:BUTTON_COLOR ;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;width: 150px; margin: 0 auto;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">BUTTON_TEXT</a></p>
@moladukes
moladukes / _grid.scss
Created Oct 31, 2016
Simple Flexbox grid
View _grid.scss
$gutter-width: 1rem;
$outer-margin: 2rem;
$gutter-compensation: -0.5rem;
$half-gutter-width: 0.5rem;
.row {
display: inline-block;
display: -ms-flexbox;
display: -webkit-flex;
View simple-tab-example.html
<!-- CSS -->
<style>
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
</style>
<!-- JS // Requires Jquery -->
@moladukes
moladukes / page.html
Last active Feb 22, 2016
Fullscreen Youtube Background
View page.html
<script src="http://www.youtube.com/player_api"></script>
<div id="player"></div>
@moladukes
moladukes / theme-styles.css
Last active Aug 29, 2015
Fullscreen Vimeo background
View theme-styles.css
.video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transition: 1s opacity;
@moladukes
moladukes / base.css.scss
Last active Aug 29, 2015
Simple Fluid Grid with responsive font sizing
View base.css.scss
// Responsive text sizing
html {
@media (min-width: 768px) {
font-size: 62.5%;
}
@media (max-width: 767px) {
font-size: 52.5%;
}
@media (max-width: 504px) {
font-size: 42.5%;
@moladukes
moladukes / burger.css
Last active Aug 29, 2015
Animated drawer icon
View burger.css
.hamburger {
position: relative;
width: 20px;
height: 40px;
.patty {
position: absolute;
display: block;
width: 20px;
height: 1px;
background: #fff;
You can’t perform that action at this time.