Skip to content

Instantly share code, notes, and snippets.

View cossssmin's full-sized avatar
💭
⌨

Cosmin Popovici cossssmin

💭
⌨
179 followers · 9 following
View GitHub Profile
@cossssmin
cossssmin / app Listeners AddArchivePages.php
Created September 18, 2018 16:27 — forked from nikazooz/app Listeners AddArchivePages.php
Tags and archives with Jigsaw
<?php
namespace App\Listeners;
use TightenCo\Jigsaw\Jigsaw;
use App\PseudoCollectionGenerator;
use Illuminate\Support\Collection;
class AddArchivePages extends PseudoCollectionGenerator
{
@cossssmin
cossssmin / ms-office-2000-styles.md
Last active June 5, 2018 12:34
Style attributes used by Microsoft Office 2000.

Credits

This gist is just a backup of this page, made by @stig.

Constants and Values
Attribute Status Feature
@cossssmin
cossssmin / prefixed-office-properties.md
Created June 4, 2018 17:12 — forked from p3t3r67x0/prefixed-office-properties.md
MS Office prefixed style properties can be used for older versions of MS Excel, MS PowerPoint or MS Word when you want to save a document, presentation, workbook, or worksheet as a web document, or even in older versions for MS Outlook.

MS Office prefixed style properties

mso-ansi-font-size

Note: Office only

mso-ansi-font-size: large | larger | <length> | medium | <percentage> | small | smaller | x-large | x-small | xx-large | xx-small
@cossssmin
cossssmin / heart.css
Created February 8, 2018 22:12
Heart like exploding animation
.heart {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;
background-position: 0 0;
cursor: pointer;
@cossssmin
cossssmin / hamburger-nav-reset-gmail-apps.css
Created February 7, 2018 10:37
Acorn Reset Hamburger Navigation to Basic in Gmail Apps
u ~ div .toggle-trigger {display: none!important;}
u ~ div .toggle-content {max-height: none;}
u ~ div .nav-item {display: inline-block!important; padding: 0 10px!important;}
u ~ div .nav-sm-vertical .nav-item {display: inline-block!important;}
@cossssmin
cossssmin / emoji-cursor-in-browser.css
Created January 23, 2018 19:22
Emoji Cursor in Browser
html {
cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="36" style="font-size:28px"><text y="32">💩</text></svg>'), auto;
}
@cossssmin
cossssmin / acorn-responsive-spacing-utilities.css
Created January 8, 2018 16:44
Acorn Responsive Spacing Utilities
.p-sm-0 {padding: 0!important;}
.p-sm-8 {padding: 8px!important;}
.p-sm-16 {padding: 16px!important;}
.pt-sm-0 {padding-top: 0!important;}
.pt-sm-8 {padding-top: 8px!important;}
.pt-sm-16 {padding-top: 16px!important;}
.pr-sm-0 {padding-right: 0!important;}
.pr-sm-8 {padding-right: 8px!important;}
.pr-sm-16 {padding-right: 16px!important;}
.pb-sm-0 {padding-bottom: 0!important;}
@cossssmin
cossssmin / acorn-custom-stack-multiple-columns.html
Last active January 16, 2018 19:26
Acorn Custom Stack Multiple Columns Mobile
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="px-sm-16" style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr class="full-width-sm">
<td class="col stack-sm-last" width="168" style="padding: 0 8px;">
<h3 style="font-weight: 300;">Last on Mobile</h3>
</td>
<td class="col stack-sm-first" width="168" style="padding: 0 8px;">
<h3 style="font-weight: 300;">Second on Mobile</h3>
@cossssmin
cossssmin / acorn-reverse-stack-2-columns.html
Last active January 16, 2018 19:26
Acorn Reverse Stack 2 Columns Mobile
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="px-sm-16" style="padding: 32px 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr class="full-width-sm">
<td class="col stack-sm-last" width="260" style="padding: 0 8px; vertical-align: middle;">
<h2 style="font-weight: 300;">Last on Mobile</h2>
<p>
Title and text will appear underneath the image, on mobile devices.
</p>
@cossssmin
cossssmin / acorn-nav-hamburger-example-header.html
Last active January 16, 2018 19:26
Acorn Hamburger Navigation Example Header
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td style="padding: 0 24px;">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col pb-sm-16" width="122" style="padding: 0 8px;">
<img src="http://placehold.it/122x122?text=LOGO" class="align-sm-center" alt="Logo" width="61" style="border-radius: 50%; max-width: 61px; width: 100%;">
</td>
<td class="col" width="398" style="padding: 0 8px; vertical-align: middle;">
<div>