Skip to content

Instantly share code, notes, and snippets.

@adbutterfield
adbutterfield / checkbox.css
Last active June 27, 2024 17:55
Custom Styling Checkboxes: The Modern Way (The Butterfield Way)
:root {
--checkbox-border-color: #8b8c89;
--checkbox-checked-color: #274c77;
--checkbox-hover-color: #a3cef1;
--checkbox-disabled-bg-color: #d9d9d9;
}
input[type="checkbox"] {
box-sizing: border-box;
width: 20px;
@planetoftheweb
planetoftheweb / glyphicons.css
Created April 16, 2016 19:44
Bootstrap 4 code for including your own glyphicons
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;