Skip to content

Instantly share code, notes, and snippets.

View komplexb's full-sized avatar

Byron komplexb

View GitHub Profile
<form id="provcon-form-email" target="_self" onsubmit="" action="javascript:postProvConToGoogleEmail()" style="display:none">
<div class="alert alert-dismissable alert-warning text-center">
Thanks!
<br>
If you tell us your e-mail address, someone from our team will get back to you very soon to explore how you can start saving!
</div>
<div class="form-group">
<label for="email" class="h4">Email</label>
<input
required="required"
@komplexb
komplexb / overflow.css
Created September 5, 2014 15:36
responsive: handling overflowing text in a table
.readmore-narrative p {
overflow: scroll;
max-height: 300px;
white-space: normal; // breaks lines as necessary to fill line boxes
}
@komplexb
komplexb / style.scss
Last active August 29, 2015 14:05
SASS for SVG icons with PNG fallback with pure CSS based on: http://www.callmenick.com/2014/04/02/svg-fallback-with-png/
@each $icon-name in email, twitter, linkedin {
@each $color in black, white {
.icon-#{$icon-name}-#{$color} {
background: url('../icons/#{$icon-name}-#{$color}.png');
background-image: url('../icons/#{$icon-name}-#{$color}.svg'), none;
}
}
}
@komplexb
komplexb / 0_reuse_code.js
Created March 6, 2014 14:59
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@komplexb
komplexb / ellipsis
Created November 1, 2013 15:19
Adding an ellipsis
.classname {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.color-box {
float: left;
margin-right: 2px;
}
.color-box {
border: 1px solid #E1E2E5;
display: inline-block;
height: 15px;
margin-right: 5px;
@komplexb
komplexb / pairValue.css
Last active December 16, 2015 19:08
a data list for label:value pairs
dl.pairValue {
display: block;
margin: 0;
vertical-align: top;
}
/* optional if you add clearfix to the dl
dl.pairValue:after {
clear: both;
content: ".";
@komplexb
komplexb / wrapper.css
Last active December 16, 2015 10:49
checkboxes, radiobuttons wrapper
.checkbox-wrapper, .radiobutton-wrapper {
cursor: pointer;
display: block;
padding-left: 15px;
text-indent: -15px;
}
.checkbox > input[type="checkbox"], .radiobutton-wrapper > input[type="radio"] {
height: 13px;
margin: 0;
@komplexb
komplexb / toggleSection
Last active December 16, 2015 07:09
a bit like an accordion, except it doesn't collapse the other sections when you open one
//default style
.js-collapsibleHeader {
cursor: pointer;
}
//style when closed
.collapsibleHeader.closedContent {
}