Bridget Stewart bridgestew
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
| Brad |
bridgestew
/ effing mysql
Created
August 4, 2012 03:18
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
| Has a rake task ever borked your mysql login? Yeah, well, after spending an | |
| evening figuring out how to solve it, here it is: | |
| Stop mysql | |
| launchctl unload -w ~/Library/LaunchAgents/com.mysql.mysqld.plist | |
| Replace this with your version of this path, MySQL version: | |
| /usr/local/Cellar/mysql/5.5.12/bin/mysqld --skip-grant-tables | |
| Open new terminal window... |
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
| position | |
| top | |
| right | |
| bottom | |
| left | |
| z-index | |
| display | |
| float | |
| width | |
| height |
bridgestew
/ sass_converter.rb
Created
May 16, 2013 14:39
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
| module Jekyll | |
| # Sass plugin to convert .scss to .css | |
| # | |
| # Note: This is configured to use the new css like syntax available in sass. | |
| require 'sass' | |
| class SassConverter < Converter | |
| safe true | |
| priority :low | |
| def matches(ext) |
bridgestew
/ Old Skool Classitis
Created
July 7, 2013 17:03
When the webdev community railed against "classitis" it was more about the lack of HTML elements, not really about how many classes were used. This gist illustrates the absurdity of it all.
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="wrap"> | |
| <div class="wrap-inner"> | |
| <div class="header"> | |
| <div class="logo"> | |
| <img src="#" /> | |
| </div> | |
| <div class="site-title">Site Title</div> | |
| <div class="nav"> | |
| <div class="nav-list"> | |
| <div class="nav-item"> |
bridgestew
/ specific selectors
Created
July 7, 2013 17:10
Specific selector combinations based on the current DOM structure make styles less portable. This is too restrictive, even if it isn't a lengthy combination.
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
| .accordion-super h1 { | |
| color: blue; | |
| font-family: serif; | |
| font-size: 20px; | |
| } | |
| .faq h2.question { | |
| color: blue; | |
| font-size: 18px; | |
| } |
bridgestew
/ Hard to follow
Created
July 7, 2013 17:17
Even if we try to reduce some repetition when a style is repeated, we now have a more complicated picture of what is going where. Modules and extending those modules gives a clearer representation of what is going on. It also makes it easier to trace through the styles for editing. This gist represents an attempt at cutting down style repetition.
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
| .accordion-super h1, | |
| .faq h2.question { | |
| color: blue; | |
| } | |
| .accordion-super h1, | |
| .archive h4 { | |
| font-family: serif; | |
| } |
bridgestew
/ FAQ accordion--original
Last active
December 19, 2015 10:59
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="accordion"> | |
| <div class="separator"> | |
| <div class="accordion__head"> | |
| <h2 class="accordion__title"> | |
| <a class="accordion__toggle js-accordion-toggle" href="#"> | |
| <i class="icn icn--accordion js-accordion-state">Open</i> | |
| FAQ Question 1</a> | |
| </h2> | |
| </div> | |
| <div class="accordion__body is-closed"> |
bridgestew
/ Archive accordion--original
Last active
December 19, 2015 10:59
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
| <ul class="accordion list--unstyled" id="archive"> | |
| <li class="accordion__item"> | |
| <div class="accordion__head"> | |
| <h4 class="accordion__title"> | |
| <a class="accordion__toggle js-accordion-toggle" href="#"> | |
| <i class="icn icn--accordion js-accordion-state">Open</i> | |
| January</a> | |
| </h4> | |
| </div> | |
| <div class="accordion__body is-closed"> |
bridgestew
/ Initial Accordion CSS--original
Last active
December 19, 2015 10:59
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
| /* =============================================================== | |
| A few base styles | |
| =========================================================== */ | |
| ul, p { | |
| color: #333; | |
| margin-top: 0; | |
| margin-bottom: 1em; | |
| } | |
| a { |
OlderNewer