Skip to content

Instantly share code, notes, and snippets.

htmlstrap htmlstrap

Block or report user

Report or block htmlstrap

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
@htmlstrap
htmlstrap / clear-select
Created Mar 8, 2016 — forked from meyercc/clear-select
LESS Mixin that clears browsers' default select box styles.
View clear-select
.clear-select {
border: none;
border-radius: 0;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
text-indent: 0.01px; // Need this to hide default select in FF
text-overflow: ''; // Need this to hide default select in FF
@htmlstrap
htmlstrap / gist:ceea321fdef9366032b7
Created Feb 9, 2016 — forked from lnickers2004/gist:8425994
BOOTSTRAP: DATA- ATTRIBUTE EXAMPLES
View gist:ceea321fdef9366032b7
<script>
var dismiss = '[data-dismiss="alert"]'
// ALERT DATA-API
var buttons = '[data-toggle="buttons"]'
// BUTTON DATA-API
var button ='[data-toggle="button"]'
// CAROUSEL DATA-API
View Hover-effect-of-.box-panel.markdown

Hover effect of .box-panel

Pure HTML5+CSS3 The example of changing the text color and background from grey to a black/white when hover. Also you can see the image rotation at the same time.

A Pen by htmlstrap on CodePen.

License.

View Hover-effect-of-.box-panel.markdown

Hover effect of .box-panel

Pure HTML5+CSS3 The example of changing the text color and background from grey to a black/white when hover. Also you can see the image rotation at the same time.

A Pen by htmlstrap on CodePen.

License.

View bootsrap_class_list
.navbar
.caret
.label
.table
.img-responsive
.img-rounded
.img-thumbnail
.img-circle
.sr-only
.lead
View collect-css-classnames.js
var fs = require('fs')
, read = fs.readFileSync
, css_parse = require('css-parse');
var parsedCss = css_parse(read("./path/to/bootstrap.min.css", 'utf8'));
var collectedClassnames = {}
for (var i = 0; i < parsedCss.stylesheet.rules.length; ++i) {
var rule = output_obj.stylesheet.rules[i];
View bootstrap_3_full_class_list
Here are all the classes from Bootstrap 3 (version 3.1.1).
Method of extraction:
1. Download Bootstrap 3 and rename bootstrap.css as "bootstrap.html"
2. Add the following 24 lines of code to the very bottom of the bootstrap.html file:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script>
You can’t perform that action at this time.