Bass Jobsen bassjobsen
bassjobsen
/ gist:214792f5543b6b551befaea81178acf7
Created
September 17, 2016 12:39
Sass mixin to justifiy navbar links in Bootstrap 4, see also http://bassjobsen.weblogs.fm/bootstrap-4s-responsive-navbars/
This file contains 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
| // Justified nav links | |
| // ------------------------- | |
| @mixin nav-justified($breakpoint: md) { | |
| width: 100%; | |
| .nav-item { | |
| float: none; | |
| } |
This file contains 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
| <div class="row"> | |
| <div class="small-6 columns smallpadding-right"> | |
| <div class="row"> | |
| <div class="small-5 columns"> | |
| <img class="productImg" src="images/sub_subcategories/airtools.jpg"> | |
| </div> | |
| <div class="small-5 columns font10 nopadding"> | |
| <a href="#">Brooks DeWalt D25123K-GB </a><br /> | |
| <a href="#" class="button tiny">Remove</a> | |
bassjobsen
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:20
Generated by SassMeister.com.
This file contains 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
| <div class="row"> | |
| <div class="medium-8 columns"> | |
| <ul class="tabs vertical" data-tab> | |
| <li class="tab-title"><a href="#domainnames">Domain Names</a></li> | |
| <li class="tab-title active"><a href="#webhosting">Web Hosting</a></li> | |
| <li class="tab-title"><a href="#businesshosting">Business Hosting</a></li> | |
| <li class="tab-title"><a href="#premiumservices">Premium Services</a></li> | |
| </ul> | |
| <div class="tabs-content"> |
This file contains 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
| <div class="row"> | |
| <div class="medium-8 columns"> | |
| <ul class="tabs vertical" data-tab> | |
| <li class="tab-title"><a href="#domainnames">Domain Names</a></li> | |
| <li class="tab-title active"><a href="#webhosting">Web Hosting</a></li> | |
| <li class="tab-title"><a href="#businesshosting">Business Hosting</a></li> | |
| <li class="tab-title"><a href="#premiumservices">Premium Services</a></li> | |
| </ul> | |
| <div class="tabs-content"> |
This file contains 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
| <section> | |
| <div class="homepage-content">content</div> | |
| <div class="homepage-sidebar">sidebar</div> | |
| </section> |
This file contains 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
| <button>test Bourbon</button> |
bassjobsen
/ Helpers.less
Last active
August 29, 2015 14:12
This file contains 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
| // less/grid.less - less/variables.less - less/mixins/grid-framework.less | |
| // | |
| // for Media queries breakpoints | |
| // Ex > @media @xs {...} | |
| // ============================================================================================================= | |
| // @screen-lg-min: 1200px; | |
| // @screen-md-max: (@screen-lg-min - 1); // 1199 | |
| // @screen-sm-max: (@screen-md-min - 1); // 991 | |
| // @screen-xs-max: (@screen-sm-min - 1); // 767 |
bassjobsen
/ flexbox.less
Created
December 21, 2013 11:18
— forked from jayj/flexbox.less
This file contains 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
| // -------------------------------------------------- | |
| // Flexbox LESS mixins | |
| // The spec: http://www.w3.org/TR/css3-flexbox | |
| // -------------------------------------------------- | |
| // Flexbox display | |
| // flex or inline-flex | |
| .flex-display(@display: flex) { | |
| display: ~"-webkit-@{display}"; | |
| display: ~"-moz-@{display}"; |