Skip to content

Instantly share code, notes, and snippets.

@zakdances
Last active August 29, 2015 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zakdances/7fddafaf4dbeca3c79fb to your computer and use it in GitHub Desktop.
Save zakdances/7fddafaf4dbeca3c79fb to your computer and use it in GitHub Desktop.
An extremely light-weight version of Bootstrap that can be copy-pasted into projects to eliminate a dependency.
$font-size-base: 14px !default;
$line-height-base: 1.428571429 !default; // 20/14
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
//** Background color for `<body>`.
$body-bg: #fff !default;
//** Global text color on `<body>`.
$text-color: #ccc !default;
//** Global textual link color.
$link-color: #428bca !default;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%) !default;
*, *:before, *:after {
box-sizing: inherit;
}
html, body {
width: 100%;
height: 100%;
padding: 0;
}
html {
font-family: sans-serif; // 1
font-size: 10px;
-ms-text-size-adjust: 100%; // 2
-webkit-text-size-adjust: 100%; // 2
-webkit-tap-highlight-color: rgba(0,0,0,0);
box-sizing: border-box;
}
body {
font-family: $font-family-base;
font-size: $font-size-base;
line-height: $line-height-base;
color: $text-color;
background-color: $body-bg;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: $link-color;
text-decoration: none;
&:hover,
&:focus {
color: $link-hover-color;
text-decoration: underline;
}
&:focus {
// @include tab-focus();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment