Skip to content

Instantly share code, notes, and snippets.

View danielmatthew's full-sized avatar

Dan Matthew danielmatthew

View GitHub Profile
@danielmatthew
danielmatthew / example.scss
Created June 13, 2016 10:25
!important use case
.input-group-btn > .btn {
background-color: $white;
border-color: $white;
border-left-color: $well-bg !important;
&:hover {
background-color: $gray-superlight;
border-color: $gray-superlight;
}
@danielmatthew
danielmatthew / console.js
Created June 28, 2016 07:24
SitePoint console.log example
if (console && console.log && window && window.localStorage && !window.localStorage["hide-watermark"]) {
console.log("%c", "font-size:34px; line-height:1.4em;");
var u = "color:#f9a141;font-weight:bold;"
, a = "color:#258aaf;font-weight:bold;"
, f = "font-size:34px; font-weight:200; letter-spacing:0.02em; line-height:1.4em; font-family:helvetica,arial; color:rgba(0,0,25,0.75);"
, l = "font-size:21px; font-weight:200; letter-spacing:0.2em; line-height:1.4em; font-family:helvetica,arial; color:rgba(0,0,25,0.5);";
console.log(" %cXX\n %cXXXXXX\n %cXXXXXXXXXX\n %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXX\n %cXXXXXXXXXXXX %cXXXXXX\n%cXXXXXXXXXXXX %cXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXXXXXX %cXXXXXXXXXXXX\n %cXXXXXX %cXXXXXXXXXXXX\n %cXX %cXXXXXXXXXXXX\n %cXXXXXXXX
@danielmatthew
danielmatthew / .travis.yml
Last active December 9, 2017 23:13
danmatthew.co.uk Travis config
branches:
only:
- master
language: ruby
rvm: 2.2
sudo: required
dist: trusty
cache:
- npm
install:
@danielmatthew
danielmatthew / 6.txt
Last active January 28, 2018 14:38
Global Packages
/Users/dm/.nvm/versions/node/v6.9.5/lib
├── @storybook/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
<div class="form-group">
<label id="listbox-label">Select a resource type</label>
<div class="c-fancy-listbox js-listbox-wrapper">
<button
class="
btn btn-primary btn-block
dropdown-toggle
c-fancy-listbox__toggle
js-listbox-toggle
"
@danielmatthew
danielmatthew / visually-hidden.css
Created January 9, 2025 12:00
Visually-hidden CSS
.visually-hidden {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
clip: rect(0 0 0 0);
clip-path: inset(50%);
}