Skip to content

Instantly share code, notes, and snippets.

View daniloq's full-sized avatar

Danilo Quilaton daniloq

31 followers · 22 following
View GitHub Profile
@daniloq
daniloq / ts-grid.html
Last active January 11, 2018 03:59
<!-- Grid requires Bourbon Neat SASS -->
<!-- 12 columns -->
<div class="ts-row">
<% - 12.times do %>
<div class="ts-column">
1
</div>
<% end %>
</div>
@daniloq
daniloq / ts-forms.html
Last active December 13, 2017 00:59
<form class="ts-form">
<!-- Input -->
<label class="ts-form__label">Inputs</label>
<input class="ts-form__input" type='text' placeholder='This is an input'/>
<!-- Input with errors -->
<div class="ts-form__field ts-form__field--error">
<label class="ts-form__label">Input Errors</label>
<input class="ts-form__input" type='text' placeholder='This is an input'/>
<div class="ts-form__helper">
@daniloq
daniloq / ts-buttons.html
Last active December 12, 2017 22:41
<!-- Works with <button>, <a>, and <input type="submit"/> -->
<!-- Small Buttons -->
<button class="ts-button ts-button--small">Small Default</button>
<button class="ts-button ts-button--small ts-button--ghost">Small Ghost</button>
<a href="#" class="ts-button ts-button--small ts-button--primary">Small Primary</a>
<input class="ts-button ts-button--small ts-button--primary-ghost" type="submit" value="Small Primary Ghost" />
<!-- Default Buttons -->
<button class="ts-button">Default</button>
@daniloq
daniloq / ts-typography.html
Last active December 12, 2017 07:20
Talent Soup Patterns
<!-- Add a parent container with the class .ts-typography -->
<body class="ts-typography">
<h1>H1 Text</h1>
<h2>H2 Text</h2>
<h3>H3 Text</h3>
<h4>H4 Text</h4>
<h5>H5 Text</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut congue ligula, eget efficitur lacus. Sed ut sem purus. Mauris molestie quam vitae leo viverra, vel efficitur nisi porttitor. Vivamus vel elementum mauris. Phasellus a ornare sapien. Sed commodo auctor magna, at accumsan felis accumsan ac. Etiam blandit semper lectus vitae sollicitudin. Etiam vitae pretium turpis. Nulla egestas dolor molestie, finibus neque id, efficitur leo.</p>
@daniloq
daniloq / ignite-filters.md
Last active April 15, 2016 18:17
Ignite's people page filters setup

#Photoshop and Enlight App Steps

Step 1 Photoshop

###Layers
1 Serious 2 Funny

###Duplicate Layer

@daniloq
daniloq / CSS-tips.md
Last active May 14, 2024 16:20
CSS Tips and Tricks