A Pen by Jason Melgoza on CodePen.
Jason Melgoza jasonmelgoza
🏠
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
| @function calculateWidth($cols, $margin) { | |
| @return ((100% - (($cols - 1)*$margin)) / $cols) | |
| } | |
| @mixin one-whole { | |
| width: 100%; | |
| } | |
| @mixin one-half { | |
| $margin: 2; |
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
| // | |
| // Just the Variables | |
| // https://gist.github.com/054d248ea40cb1a912eb.git | |
| // For Bootstrap-Sass v3.1.1 | |
| // -------------------------------------------------- | |
| $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')); | |
| // Colors |
jasonmelgoza
/ activity-feed.html
Last active
August 29, 2015 14:02
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="panel panel-default panel-activity"> | |
| <div class="panel-heading"> | |
| <h3 class="panel-title">Recent Activity</h3> | |
| </div> | |
| <div class="clearfix"> | |
| <div class="list-activity-date">Thursday, May 29, 2014</div> | |
| <ul class="list-activity"> | |
| <li class="clearfix"> | |
| <div class="list-activity-row"> | |
| <div class="list-activity-column"> |
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="modal-dialog"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <button type="button" class="close">×</button> | |
| <h4>Recent Activity</h4> | |
| </div> | |
| <div class="modal-body modal-activity"> | |
| <div class="clearfix"> | |
| <div class="list-activity-date">Monday, June 23rd, 2014</div> | |
| <ul class="list-activity"> |
jasonmelgoza
/ RWD Screen Width Indicator
Created
July 11, 2014 02:14
— forked from jordanmoore/RWD Screen Width Indicator
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
| <script> | |
| $(window).resize(function() { | |
| var windowWidth = $(window).width(); | |
| $('.screen-width').text(windowWidth + 'px'); | |
| }); | |
| </script> | |
| <div id="debug" style="position:fixed;padding:0.3em 0.6em;background:#f1f1f1;font-size:0.6em;bottom:0;left:50%;"> | |
| <span class="screen-width">0</span> | |
| </div> |
jasonmelgoza
/ modal.scss
Created
August 29, 2014 15:56
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
| element.style { | |
| } | |
| .modal.visible>.modal-view { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| -moz-transform: scale(1); | |
| -ms-transform: scale(1); | |
| transform: scale(1); | |
| -webkit-transition: opacity 200ms linear,-webkit-transform 250ms cubic-bezier(0.4,1.5,.5,1); | |
| -moz-transition: opacity 200ms linear,-moz-transform 250ms cubic-bezier(0.4,1.5,.5,1); |
jasonmelgoza
/ prevent-css-transition.css
Last active
August 29, 2015 14:07
— forked from dfadler/prevent-css-transition.css
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
| // http://css-tricks.com/transitions-only-after-page-load/ | |
| .preload * | |
| -webkit-transition: none !important | |
| -moz-transition: none !important | |
| -ms-transition: none !important | |
| -o-transition: none !important |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> | |
| <script src="http://momentjs.com/downloads/moment.min.js"></script> | |
| <script src="http://momentjs.com/downloads/moment-timezone-with-data-2010-2020.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style> | |
| body { |
jasonmelgoza
/ VYjGoP.markdown
Last active
August 29, 2015 14:11
— forked from anonymous/VYjGoP.markdown
jasonmelgoza
/ selfservice.conf
Created
January 22, 2015 19:31
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
| upstream designerUi { | |
| server 127.0.0.1:8888; | |
| } | |
| upstream designerApi { | |
| server 127.0.0.1:8888; | |
| } | |
| upstream catalogUi { | |
| server 127.0.0.1:8889; | |
| } | |
| upstream catalogApi { |