Jonathan Path jonathanpath
jonathanpath
/ _header-title.scss
Created
March 8, 2017 13:19
Header title full width for bootstrap (mobile first style)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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
/ _table-bootstrap.scss
Created
January 17, 2017 15:53
Smart responsive bootstrap tables
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*=========================================== | |
| = Override BS3 tables = | |
| ===========================================*/ | |
| .table-smartresponsive { | |
| @media (max-width: $screen-xs-max) { | |
| th { | |
| display: none; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* =Modal full | |
| ---------------------- */ | |
| .modal-full { | |
| position: absolute; | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| background: #fff; | |
| transform: translate(0,0) !important; |
jonathanpath
/ responsive-lap-and-top.scss
Created
July 6, 2016 10:23
Inuit CSS media query Lap and top
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <snippet> | |
| <content><![CDATA[ | |
| @include media-query(lap-and-up) { | |
| } | |
| ]]></content> | |
| <tabTrigger>inuitcss-medium</tabTrigger> | |
| <scope>source.scss</scope> | |
| </snippet> |
jonathanpath
/ _customcheckbox.scss
Created
May 27, 2016 10:01
Simple Custom Checkbox in Sass + Glyphicons
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==|==================== | |
| Module/Custom Checkbox | |
| ======================= */ | |
| .customcheckbox { | |
| display: block; | |
| position: relative; | |
| cursor: pointer; | |
| font-weight: 300; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Need autoprefixer to generate browser prefix needed | |
| @mixin retina { | |
| @media | |
| (min-device-pixel-ratio: 2), | |
| (min-resolution: 192dpi), | |
| (min-resolution: 2dppx) { | |
| @content; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Placeholders for old browsers | |
| */ | |
| function placeholderOldBrowsers() { | |
| if (!Modernizr.input.autofocus) { | |
| $('input').each(function(){ | |
| if ($(this).attr('autofocus')) | |
| $(this).focus(); | |
| }); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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
/ _buttons-bootstrap.scss
Last active
September 9, 2016 12:20
Facebook and Twitter shares buttons (based on Bootstrap)
jonathanpath
/ _buttons-foundation.scss
Last active
September 9, 2016 12:20
Facebook and Twitter Buttons (based on Foundation)
NewerOlder