Skip to content

Instantly share code, notes, and snippets.

Jonathan Path jonathanpath

Block or report user

Report or block jonathanpath

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
@jonathanpath
jonathanpath / _header-title.scss
Created Mar 8, 2017
Header title full width for bootstrap (mobile first style)
View _header-title.scss
.header-title {
@media (max-width: $screen-xs-max) {
width: 100%;
position: absolute;
left: 0;
text-align: center;
padding: 15px 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@jonathanpath
jonathanpath / _table-bootstrap.scss
Created Jan 17, 2017
Smart responsive bootstrap tables
View _table-bootstrap.scss
/*===========================================
= Override BS3 tables =
===========================================*/
.table-smartresponsive {
@media (max-width: $screen-xs-max) {
th {
display: none;
}
@jonathanpath
jonathanpath / Full modal on Bootstrap
Last active May 23, 2017
_full-modal-boostrap.scss
View Full modal on Bootstrap
/* =Modal full
---------------------- */
.modal-full {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
background: #fff;
transform: translate(0,0) !important;
@jonathanpath
jonathanpath / responsive-lap-and-top.scss
Created Jul 6, 2016
Inuit CSS media query Lap and top
View responsive-lap-and-top.scss
<snippet>
<content><![CDATA[
@include media-query(lap-and-up) {
}
]]></content>
<tabTrigger>inuitcss-medium</tabTrigger>
<scope>source.scss</scope>
</snippet>
@jonathanpath
jonathanpath / _customcheckbox.scss
Created May 27, 2016
Simple Custom Checkbox in Sass + Glyphicons
View _customcheckbox.scss
/* ==|====================
Module/Custom Checkbox
======================= */
.customcheckbox {
display: block;
position: relative;
cursor: pointer;
font-weight: 300;
View retina-mixin.scss
// Need autoprefixer to generate browser prefix needed
@mixin retina {
@media
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx) {
@content;
}
}
View placeholder_polyfill.js
/**
* Placeholders for old browsers
*/
function placeholderOldBrowsers() {
if (!Modernizr.input.autofocus) {
$('input').each(function(){
if ($(this).attr('autofocus'))
$(this).focus();
});
}
@jonathanpath
jonathanpath / _title-border.scss
Created Aug 19, 2015
Title with line at left and right
View _title-border.scss
.title-border {
font-size: 20px;
font-weight: 300;
border-bottom: solid 1px #eee;
text-align: center;
margin: 0 15px 40px;
padding-top: 20px;
clear: both;
span {
@jonathanpath
jonathanpath / _buttons-bootstrap.scss
Last active Sep 9, 2016
Facebook and Twitter shares buttons (based on Bootstrap)
View _buttons-bootstrap.scss
/* ==|====================
Vendor override/Bootstrap/Buttons
======================= */
/* =Sizes
---------------------- */
.btn-xlg {
font-size: 20px;
padding: 14px 32px;
@jonathanpath
jonathanpath / _buttons-foundation.scss
Last active Sep 9, 2016
Facebook and Twitter Buttons (based on Foundation)
View _buttons-foundation.scss
/* =Icons
---------------------- */
.button-icon-left {
position: relative;
padding-left: 63px !important;
padding-right: 10px !important;
i {
position: absolute;
You can’t perform that action at this time.