Browse Source
Add original file from bootstrap scss. Move fontawesome. Fix typo. Readme for fontawesome. Update font-awesome path. Add fontawesome liscence info in readme. Add fonts to fontawesome. Remote tracking of built files.pull/30/head
39 changed files with 234 additions and 1019 deletions
@ -1,4 +1,4 @@
@@ -1,4 +1,4 @@
|
||||
|
||||
@import "compass"; |
||||
@import "global/variables"; |
||||
@import "libs/fontawesome/font-awesome"; |
||||
@import "libs/fontawesome/fontawesome/font-awesome"; |
||||
|
@ -0,0 +1,125 @@
@@ -0,0 +1,125 @@
|
||||
# Changelog |
||||
|
||||
## 3.1.1.0 |
||||
|
||||
- Updated Bower docs |
||||
|
||||
## 3.1.0.2 |
||||
|
||||
- #523: Rails 3.2 compatibility |
||||
- Bugfixes from upstream up to 7eb532262fbd1112215b5a547b9285794b5360ab. |
||||
|
||||
## 3.1.0.1 |
||||
|
||||
- #518: `scale` mixin Sass compatibility issue |
||||
|
||||
## 3.1.0.0 |
||||
|
||||
* compiles with libsass master |
||||
|
||||
## 3.0.2.1 |
||||
|
||||
* fix vendor paths for compass |
||||
|
||||
## 3.0.0.0 |
||||
|
||||
* Fully automated (lots of string juggling) LESS -> Sass conversion. - *Gleb Mazovetskiy* |
||||
* Ported rake task from vwall/compass-twitter-bootstrap to convert Bootstrap upstream - *Peter Gumeson* |
||||
* Moved javascripts to us `bootstrap-component.js` to `bootstrap/component.js` - *Peter Gumeson* |
||||
|
||||
## 2.3.2.2 |
||||
|
||||
* Allow sass-rails `>= 3.2` - *Thomas McDonald* |
||||
|
||||
## 2.3.2.1 |
||||
|
||||
## 2.3.2.0 |
||||
|
||||
* Update to Bootstrap 2.3.2 - *Dan Allen* |
||||
|
||||
## 2.3.1.3 |
||||
|
||||
* Find the correct Sprockets context for the `image_path` function - *Tristan Harward, Gleb Mazovetskiy* |
||||
|
||||
## 2.3.1.2 |
||||
|
||||
* Fix changes to image url - *Gleb Mazovetskiy* |
||||
* Copy _variables into project on Compass install - *Phil Thompson* |
||||
* Add `bootstrap-affix` to the Compass template file - *brief* |
||||
|
||||
## 2.3.1.1 (yanked) |
||||
|
||||
* Change how image_url is handled internally - *Tristan Harward* |
||||
* Fix some font variables not having `!default` - *Thomas McDonald* |
||||
|
||||
## 2.3.0.0 |
||||
* [#290] Update to Bootstrap 2.3.0 - *Tristan Harward* |
||||
* Fix `rake:debug` with new file locations - *Thomas McDonald* |
||||
* Add draft contributing document - *Thomas McDonald* |
||||
* [#260] Add our load path to the global Sass load path - *Tristan Harward* |
||||
* [#275] Use GitHub notation in Sass head testing gemfile - *Timo Schilling* |
||||
* [#279, #283] Readme improvements - *theverything, Philip Arndt* |
||||
|
||||
## 2.2.2.0 |
||||
* [#270] Update to Bootstrap 2.2.2 - *Tristan Harward* |
||||
* [#266] Add license to gemspec - *Peter Marsh* |
||||
|
||||
## 2.2.1.1 |
||||
* [#258] Use `bootstrap` prefix for `@import`ing files in `bootstrap/bootstrap.scss` - *Umair Siddique* |
||||
|
||||
## 2.2.1.0 |
||||
* [#246] Update to Bootstrap 2.2.1 - *Tristan Harward* |
||||
* [#246] Pull Bootstrap updates from jlong/sass-twitter-bootstrap - *Tristan Harward* |
||||
|
||||
## 2.1.1.0 |
||||
* Update to Bootstrap 2.1.1 |
||||
* [#222] Remove 100% multiplier in vertical-three-colours |
||||
* [#227] Fix IE component animation collapse |
||||
* [#228] Fix variables documentation link |
||||
* [#231] Made .input-block-level a class as well as mixin |
||||
|
||||
## 2.1.0.1 |
||||
* [#219] Fix expected a color. Got: transparent. |
||||
* [#207] Add missing warning style for table row highlighting |
||||
* [#208] Use grid-input-span for input spans |
||||
|
||||
## 2.1.0.0 |
||||
* Updated to Bootstrap 2.1 |
||||
* Changed some mixin names to be more consistent. Nested mixins in Less are separated by a `-` when they are flattened in Sass. |
||||
|
||||
## 2.0.4.1 |
||||
* Fix `.row-fluid > spanX` nesting |
||||
* Small Javascript fixes for those staying on the 2.0.4 release |
||||
* Add `!default` to z-index variables. |
||||
|
||||
## 2.0.4.0 |
||||
* Updated to Bootstrap 2.0.4 |
||||
* Switched to Bootstrap 2.0.3+'s method of separating responsive files |
||||
* [#149, #150] Fix off by one error introduced with manual revert of media query breakpoints |
||||
* `rake debug` and `rake test` both compile bootstrap & bootstrap-responsive |
||||
|
||||
## 2.0.3.1 |
||||
* [#145, #146] Fix button alignment in collapsing navbar as a result of an incorrect variable |
||||
|
||||
## 2.0.3 |
||||
* Updated to Bootstrap 2.0.3 |
||||
* [#106] Support for Rails < 3.1 through Compass |
||||
* [#132] Add CI testing |
||||
* [#106] Support Rails w/Compass |
||||
* [#134] Fix support for Rails w/Compass |
||||
|
||||
## 2.0.2 |
||||
* [#86] Updated to Bootstrap 2.0.2 |
||||
Things of note: static navbars now have full width. (to be fixed in 2.0.3) `.navbar-inner > .container { width:940px; }` seems to work in the meanwhile |
||||
* [#62] Fixed asset compilation taking a *very* long time. |
||||
* [#69, #79, #80] \(Hopefully) clarified README. Now with less cat humour. |
||||
* [#91] Removed doubled up Sass extensions for Rails. |
||||
* [#63, #73] Allow for overriding of image-path |
||||
* [[SO](http://stackoverflow.com/a/9909626/241212)] Added makeFluidColumn mixin for defining fluid columns. Fluid rows must use `@extend .row-fluid`, and any column inside it can use `@include makeFluidColumn(num)`, where `num` is the number of columns. Unfortunately, there is a rather major limitation to this: margins on first-child elements must be overriden. See the attached Stack Overflow answer for more information. |
||||
|
||||
## 2.0.1 |
||||
* Updated to Bootstrap 2.0.1 |
||||
* Modified `@mixin opacity()` to take an argument `0...1` rather than `0...100` to be consistent with Compass. |
||||
|
||||
## 2.0.0 |
||||
* Updated to Bootstrap 2.0.0 |
@ -0,0 +1,21 @@
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT) |
||||
|
||||
Copyright (c) 2013 Twitter, Inc |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in |
||||
all copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN |
||||
THE SOFTWARE. |
@ -0,0 +1,4 @@
@@ -0,0 +1,4 @@
|
||||
# Bootstrap sass distribution |
||||
|
||||
Downloaded from (link)[https://github.com/twbs/bootstrap-sass/archive/v3.1.1.tar.gz] |
||||
Used data from `vendor/assets/stylesheets` folder. |
@ -0,0 +1,49 @@
@@ -0,0 +1,49 @@
|
||||
// Core variables and mixins |
||||
@import "bootstrap/variables"; |
||||
@import "bootstrap/mixins"; |
||||
|
||||
// Reset |
||||
@import "bootstrap/normalize"; |
||||
@import "bootstrap/print"; |
||||
|
||||
// Core CSS |
||||
@import "bootstrap/scaffolding"; |
||||
@import "bootstrap/type"; |
||||
@import "bootstrap/code"; |
||||
@import "bootstrap/grid"; |
||||
@import "bootstrap/tables"; |
||||
@import "bootstrap/forms"; |
||||
@import "bootstrap/buttons"; |
||||
|
||||
// Components |
||||
@import "bootstrap/component-animations"; |
||||
@import "bootstrap/glyphicons"; |
||||
@import "bootstrap/dropdowns"; |
||||
@import "bootstrap/button-groups"; |
||||
@import "bootstrap/input-groups"; |
||||
@import "bootstrap/navs"; |
||||
@import "bootstrap/navbar"; |
||||
@import "bootstrap/breadcrumbs"; |
||||
@import "bootstrap/pagination"; |
||||
@import "bootstrap/pager"; |
||||
@import "bootstrap/labels"; |
||||
@import "bootstrap/badges"; |
||||
@import "bootstrap/jumbotron"; |
||||
@import "bootstrap/thumbnails"; |
||||
@import "bootstrap/alerts"; |
||||
@import "bootstrap/progress-bars"; |
||||
@import "bootstrap/media"; |
||||
@import "bootstrap/list-group"; |
||||
@import "bootstrap/panels"; |
||||
@import "bootstrap/wells"; |
||||
@import "bootstrap/close"; |
||||
|
||||
// Components w/ JavaScript |
||||
@import "bootstrap/modals"; |
||||
@import "bootstrap/tooltip"; |
||||
@import "bootstrap/popovers"; |
||||
@import "bootstrap/carousel"; |
||||
|
||||
// Utility classes |
||||
@import "bootstrap/utilities"; |
||||
@import "bootstrap/responsive-utilities"; |
@ -1,34 +0,0 @@
@@ -1,34 +0,0 @@
|
||||
// |
||||
// Accordion |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Parent container |
||||
.accordion { |
||||
margin-bottom: $baseLineHeight; |
||||
} |
||||
|
||||
// Group == heading + body |
||||
.accordion-group { |
||||
margin-bottom: 2px; |
||||
border: 1px solid #e5e5e5; |
||||
@include border-radius($baseBorderRadius); |
||||
} |
||||
.accordion-heading { |
||||
border-bottom: 0; |
||||
} |
||||
.accordion-heading .accordion-toggle { |
||||
display: block; |
||||
padding: 8px 15px; |
||||
} |
||||
|
||||
// General toggle styles |
||||
.accordion-toggle { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
// Inner needs the styles because you can't animate properly with any styles on the element |
||||
.accordion-inner { |
||||
padding: 9px 15px; |
||||
border-top: 1px solid #e5e5e5; |
||||
} |
@ -1,25 +0,0 @@
@@ -1,25 +0,0 @@
|
||||
// |
||||
// Hero unit |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
.hero-unit { |
||||
padding: 60px; |
||||
margin-bottom: 30px; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
line-height: $baseLineHeight * 1.5; |
||||
color: $heroUnitLeadColor; |
||||
background-color: $heroUnitBackground; |
||||
@include border-radius(6px); |
||||
h1 { |
||||
margin-bottom: 0; |
||||
font-size: 60px; |
||||
line-height: 1; |
||||
color: $heroUnitHeadingColor; |
||||
letter-spacing: -1px; |
||||
} |
||||
li { |
||||
line-height: $baseLineHeight * 1.5; // Reset since we specify in type.scss |
||||
} |
||||
} |
@ -1,83 +0,0 @@
@@ -1,83 +0,0 @@
|
||||
// |
||||
// Labels and badges |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Base classes |
||||
.label, |
||||
.badge { |
||||
display: inline-block; |
||||
padding: 2px 4px; |
||||
font-size: $baseFontSize * .846; |
||||
font-weight: bold; |
||||
line-height: 14px; // ensure proper line-height if floated |
||||
color: $white; |
||||
vertical-align: baseline; |
||||
white-space: nowrap; |
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25); |
||||
background-color: $grayLight; |
||||
} |
||||
// Set unique padding and border-radii |
||||
.label { |
||||
@include border-radius(3px); |
||||
} |
||||
.badge { |
||||
padding-left: 9px; |
||||
padding-right: 9px; |
||||
@include border-radius(9px); |
||||
} |
||||
|
||||
// Empty labels/badges collapse |
||||
.label, |
||||
.badge { |
||||
&:empty { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
// Hover/focus state, but only for links |
||||
a { |
||||
&.label:hover, |
||||
&.label:focus, |
||||
&.badge:hover, |
||||
&.badge:focus { |
||||
color: $white; |
||||
text-decoration: none; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
// Colors |
||||
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) |
||||
@each $item in label, badge { |
||||
// Important (red) |
||||
.#{$item}-important { background-color: $errorText; } |
||||
.#{$item}-important[href] { background-color: darken($errorText, 10%); } |
||||
// Warnings (orange) |
||||
.#{$item}-warning { background-color: $orange; } |
||||
.#{$item}-warning[href] { background-color: darken($orange, 10%); } |
||||
// Success (green) |
||||
.#{$item}-success { background-color: $successText; } |
||||
.#{$item}-success[href] { background-color: darken($successText, 10%); } |
||||
// Info (turquoise) |
||||
.#{$item}-info { background-color: $infoText; } |
||||
.#{$item}-info[href] { background-color: darken($infoText, 10%); } |
||||
// Inverse (black) |
||||
.#{$item}-inverse { background-color: $grayDark; } |
||||
.#{$item}-inverse[href] { background-color: darken($grayDark, 10%); } |
||||
} |
||||
|
||||
// Quick fix for labels/badges in buttons |
||||
.btn { |
||||
.label, |
||||
.badge { |
||||
position: relative; |
||||
top: -1px; |
||||
} |
||||
} |
||||
.btn-mini { |
||||
.label, |
||||
.badge { |
||||
top: 0; |
||||
} |
||||
} |
@ -1,16 +0,0 @@
@@ -1,16 +0,0 @@
|
||||
// |
||||
// Layouts |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Container (centered, fixed-width layouts) |
||||
.container { |
||||
@include container-fixed(); |
||||
} |
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content) |
||||
.container-fluid { |
||||
padding-right: $gridGutterWidth; |
||||
padding-left: $gridGutterWidth; |
||||
@include clearfix(); |
||||
} |
@ -1,216 +0,0 @@
@@ -1,216 +0,0 @@
|
||||
// |
||||
// Reset CSS |
||||
// Adapted from http://github.com/necolas/normalize.css |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Display in IE6-9 and FF3 |
||||
// ------------------------- |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
|
||||
// Display block in IE6-9 and FF3 |
||||
// ------------------------- |
||||
|
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls |
||||
// ------------------------- |
||||
|
||||
audio:not([controls]) { |
||||
display: none; |
||||
} |
||||
|
||||
// Base settings |
||||
// ------------------------- |
||||
|
||||
html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100%; |
||||
} |
||||
// Focus states |
||||
a:focus { |
||||
@include tab-focus(); |
||||
} |
||||
// Hover & Active |
||||
a:hover, |
||||
a:active { |
||||
outline: 0; |
||||
} |
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers |
||||
// ------------------------- |
||||
|
||||
sub, |
||||
sup { |
||||
position: relative; |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
vertical-align: baseline; |
||||
} |
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
// Img border in a's and image quality |
||||
// ------------------------- |
||||
|
||||
img { |
||||
/* Responsive images (ensure images don't scale beyond their parents) */ |
||||
max-width: 100%; /* Part 1: Set a maxium relative to the parent */ |
||||
width: auto\9; /* IE7-8 need help adjusting responsive images */ |
||||
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ |
||||
|
||||
vertical-align: middle; |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic; |
||||
} |
||||
|
||||
// Prevent max-width from affecting Google Maps |
||||
#map_canvas img, |
||||
.google-maps img { |
||||
max-width: none; |
||||
} |
||||
|
||||
// Forms |
||||
// ------------------------- |
||||
|
||||
// Font size in all browsers, margin changes, misc consistency |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
margin: 0; |
||||
font-size: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
button, |
||||
input { |
||||
*overflow: visible; // Inner spacing ie IE6/7 |
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet |
||||
} |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 |
||||
padding: 0; |
||||
border: 0; |
||||
} |
||||
button, |
||||
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. |
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. |
||||
} |
||||
label, |
||||
select, |
||||
button, |
||||
input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"], |
||||
input[type="radio"], |
||||
input[type="checkbox"] { |
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. |
||||
} |
||||
input[type="search"] { // Appearance in Safari/Chrome |
||||
@include box-sizing(content-box); |
||||
-webkit-appearance: textfield; |
||||
} |
||||
input[type="search"]::-webkit-search-decoration, |
||||
input[type="search"]::-webkit-search-cancel-button { |
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 |
||||
} |
||||
textarea { |
||||
overflow: auto; // Remove vertical scrollbar in IE6-9 |
||||
vertical-align: top; // Readability and alignment cross-browser |
||||
} |
||||
|
||||
|
||||
// Printing |
||||
// ------------------------- |
||||
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css |
||||
|
||||
@media print { |
||||
|
||||
* { |
||||
text-shadow: none !important; |
||||
color: #000 !important; // Black prints faster: h5bp.com/s |
||||
background: transparent !important; |
||||
box-shadow: none !important; |
||||
} |
||||
|
||||
a, |
||||
a:visited { |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
a[href]:after { |
||||
content: " (" attr(href) ")"; |
||||
} |
||||
|
||||
abbr[title]:after { |
||||
content: " (" attr(title) ")"; |
||||
} |
||||
|
||||
// Don't show links for images, or javascript/internal links |
||||
.ir a:after, |
||||
a[href^="javascript:"]:after, |
||||
a[href^="#"]:after { |
||||
content: ""; |
||||
} |
||||
|
||||
pre, |
||||
blockquote { |
||||
border: 1px solid #999; |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
thead { |
||||
display: table-header-group; // h5bp.com/t |
||||
} |
||||
|
||||
tr, |
||||
img { |
||||
page-break-inside: avoid; |
||||
} |
||||
|
||||
img { |
||||
max-width: 100% !important; |
||||
} |
||||
|
||||
@page { |
||||
margin: 0.5cm; |
||||
} |
||||
|
||||
p, |
||||
h2, |
||||
h3 { |
||||
orphans: 3; |
||||
widows: 3; |
||||
} |
||||
|
||||
h2, |
||||
h3 { |
||||
page-break-after: avoid; |
||||
} |
||||
} |
@ -1,28 +0,0 @@
@@ -1,28 +0,0 @@
|
||||
// |
||||
// Responsive: Large desktop and up |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
@media (min-width: 1200px) { |
||||
|
||||
// Fixed grid |
||||
@include grid-core($gridColumnWidth1200, $gridGutterWidth1200); |
||||
|
||||
// Fluid grid |
||||
@include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200); |
||||
|
||||
// Input grid |
||||
@include grid-input($gridColumnWidth1200, $gridGutterWidth1200); |
||||
|
||||
// Thumbnails |
||||
.thumbnails { |
||||
margin-left: -$gridGutterWidth1200; |
||||
} |
||||
.thumbnails > li { |
||||
margin-left: $gridGutterWidth1200; |
||||
} |
||||
.row-fluid .thumbnails { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
} |
@ -1,193 +0,0 @@
@@ -1,193 +0,0 @@
|
||||
// |
||||
// Responsive: Landscape phone to desktop/tablet |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
@media (max-width: 767px) { |
||||
|
||||
// Padding to set content in a bit |
||||
body { |
||||
padding-left: 20px; |
||||
padding-right: 20px; |
||||
} |
||||
// Negative indent the now static "fixed" navbar |
||||
.navbar-fixed-top, |
||||
.navbar-fixed-bottom, |
||||
.navbar-static-top { |
||||
margin-left: -20px; |
||||
margin-right: -20px; |
||||
} |
||||
// Remove padding on container given explicit padding set on body |
||||
.container-fluid { |
||||
padding: 0; |
||||
} |
||||
|
||||
// TYPOGRAPHY |
||||
// ---------- |
||||
// Reset horizontal dl |
||||
.dl-horizontal { |
||||
dt { |
||||
float: none; |
||||
clear: none; |
||||
width: auto; |
||||
text-align: left; |
||||
} |
||||
dd { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
// GRID & CONTAINERS |
||||
// ----------------- |
||||
// Remove width from containers |
||||
.container { |
||||
width: auto; |
||||
} |
||||
// Fluid rows |
||||
.row-fluid { |
||||
width: 100%; |
||||
} |
||||
// Undo negative margin on rows and thumbnails |
||||
.row, |
||||
.thumbnails { |
||||
margin-left: 0; |
||||
} |
||||
.thumbnails > li { |
||||
float: none; |
||||
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present |
||||
} |
||||
// Make all grid-sized elements block level again |
||||
[class*="span"], |
||||
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing |
||||
.row-fluid [class*="span"] { |
||||
float: none; |
||||
display: block; |
||||
width: 100%; |
||||
margin-left: 0; |
||||
@include box-sizing(border-box); |
||||
} |
||||
.span12, |
||||
.row-fluid .span12 { |
||||
width: 100%; |
||||
@include box-sizing(border-box); |
||||
} |
||||
.row-fluid [class*="offset"]:first-child { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
// FORM FIELDS |
||||
// ----------- |
||||
// Make span* classes full width |
||||
.input-large, |
||||
.input-xlarge, |
||||
.input-xxlarge, |
||||
input[class*="span"], |
||||
select[class*="span"], |
||||
textarea[class*="span"], |
||||
.uneditable-input { |
||||
@include input-block-level(); |
||||
} |
||||
// But don't let it screw up prepend/append inputs |
||||
.input-prepend input, |
||||
.input-append input, |
||||
.input-prepend input[class*="span"], |
||||
.input-append input[class*="span"] { |
||||
display: inline-block; // redeclare so they don't wrap to new lines |
||||
width: auto; |
||||
} |
||||
.controls-row [class*="span"] + [class*="span"] { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
// Modals |
||||
.modal { |
||||
position: fixed; |
||||
top: 20px; |
||||
left: 20px; |
||||
right: 20px; |
||||
width: auto; |
||||
margin: 0; |
||||
&.fade { top: -100px; } |
||||
&.fade.in { top: 20px; } |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
// UP TO LANDSCAPE PHONE |
||||
// --------------------- |
||||
|
||||
@media (max-width: 480px) { |
||||
|
||||
// Smooth out the collapsing/expanding nav |
||||
.nav-collapse { |
||||
-webkit-transform: translate3d(0, 0, 0); // activate the GPU |
||||
} |
||||
|
||||
// Block level the page header small tag for readability |
||||
.page-header h1 small { |
||||
display: block; |
||||
line-height: $baseLineHeight; |
||||
} |
||||
|
||||
// Update checkboxes for iOS |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
border: 1px solid #ccc; |
||||
} |
||||
|
||||
// Remove the horizontal form styles |
||||
.form-horizontal { |
||||
.control-label { |
||||
float: none; |
||||
width: auto; |
||||
padding-top: 0; |
||||
text-align: left; |
||||
} |
||||
// Move over all input controls and content |
||||
.controls { |
||||
margin-left: 0; |
||||
} |
||||
// Move the options list down to align with labels |
||||
.control-list { |
||||
padding-top: 0; // has to be padding because margin collaspes |
||||
} |
||||
// Move over buttons in .form-actions to align with .controls |
||||
.form-actions { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
} |
||||
} |
||||
|
||||
// Medias |
||||
// Reset float and spacing to stack |
||||
.media .pull-left, |
||||
.media .pull-right { |
||||
float: none; |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
} |
||||
// Remove side margins since we stack instead of indent |
||||
.media-object { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
// Modals |
||||
.modal { |
||||
top: 10px; |
||||
left: 10px; |
||||
right: 10px; |
||||
} |
||||
.modal-header .close { |
||||
padding: 10px; |
||||
margin: -10px; |
||||
} |
||||
|
||||
// Carousel |
||||
.carousel-caption { |
||||
position: static; |
||||
} |
||||
|
||||
} |
@ -1,19 +0,0 @@
@@ -1,19 +0,0 @@
|
||||
// |
||||
// Responsive: Tablet to desktop |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) { |
||||
|
||||
// Fixed grid |
||||
@include grid-core($gridColumnWidth768, $gridGutterWidth768); |
||||
|
||||
// Fluid grid |
||||
@include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768); |
||||
|
||||
// Input grid |
||||
@include grid-input($gridColumnWidth768, $gridGutterWidth768); |
||||
|
||||
// No need to reset .thumbnails here since it's the same $gridGutterWidth |
||||
|
||||
} |
@ -1,189 +0,0 @@
@@ -1,189 +0,0 @@
|
||||
// |
||||
// Responsive: Navbar |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// TABLETS AND BELOW |
||||
// ----------------- |
||||
@media (max-width: $navbarCollapseWidth) { |
||||
|
||||
// UNFIX THE TOPBAR |
||||
// ---------------- |
||||
// Remove any padding from the body |
||||
body { |
||||
padding-top: 0; |
||||
} |
||||
// Unfix the navbars |
||||
.navbar-fixed-top, |
||||
.navbar-fixed-bottom { |
||||
position: static; |
||||
} |
||||
.navbar-fixed-top { |
||||
margin-bottom: $baseLineHeight; |
||||
} |
||||
.navbar-fixed-bottom { |
||||
margin-top: $baseLineHeight; |
||||
} |
||||
.navbar-fixed-top .navbar-inner, |
||||
.navbar-fixed-bottom .navbar-inner { |
||||
padding: 5px; |
||||
} |
||||
.navbar .container { |
||||
width: auto; |
||||
padding: 0; |
||||
} |
||||
// Account for brand name |
||||
.navbar .brand { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
margin: 0 0 0 -5px; |
||||
} |
||||
|
||||
// COLLAPSIBLE NAVBAR |
||||
// ------------------ |
||||
// Nav collapse clears brand |
||||
.nav-collapse { |
||||
clear: both; |
||||
} |
||||
// Block-level the nav |
||||
.nav-collapse .nav { |
||||
float: none; |
||||
margin: 0 0 ($baseLineHeight / 2); |
||||
} |
||||
.nav-collapse .nav > li { |
||||
float: none; |
||||
} |
||||
.nav-collapse .nav > li > a { |
||||
margin-bottom: 2px; |
||||
} |
||||
.nav-collapse .nav > .divider-vertical { |
||||
display: none; |
||||
} |
||||
.nav-collapse .nav .nav-header { |
||||
color: $navbarText; |
||||
text-shadow: none; |
||||
} |
||||
// Nav and dropdown links in navbar |
||||
.nav-collapse .nav > li > a, |
||||
.nav-collapse .dropdown-menu a { |
||||
padding: 9px 15px; |
||||
font-weight: bold; |
||||
color: $navbarLinkColor; |
||||
@include border-radius(3px); |
||||
} |
||||
// Buttons |
||||
.nav-collapse .btn { |
||||
padding: 4px 10px 4px; |
||||
font-weight: normal; |
||||
@include border-radius($baseBorderRadius); |
||||
} |
||||
.nav-collapse .dropdown-menu li + li a { |
||||
margin-bottom: 2px; |
||||
} |
||||
.nav-collapse .nav > li > a:hover, |
||||
.nav-collapse .nav > li > a:focus, |
||||
.nav-collapse .dropdown-menu a:hover, |
||||
.nav-collapse .dropdown-menu a:focus { |
||||
background-color: $navbarBackground; |
||||
} |
||||
.navbar-inverse .nav-collapse .nav > li > a, |
||||
.navbar-inverse .nav-collapse .dropdown-menu a { |
||||
color: $navbarInverseLinkColor; |
||||
} |
||||
.navbar-inverse .nav-collapse .nav > li > a:hover, |
||||
.navbar-inverse .nav-collapse .nav > li > a:focus, |
||||
.navbar-inverse .nav-collapse .dropdown-menu a:hover, |
||||
.navbar-inverse .nav-collapse .dropdown-menu a:focus { |
||||
background-color: $navbarInverseBackground; |
||||
} |
||||
// Buttons in the navbar |
||||
.nav-collapse.in .btn-group { |
||||
margin-top: 5px; |
||||
padding: 0; |
||||
} |
||||
// Dropdowns in the navbar |
||||
.nav-collapse .dropdown-menu { |
||||
position: static; |
||||
top: auto; |
||||
left: auto; |
||||
float: none; |
||||
display: none; |
||||
max-width: none; |
||||
margin: 0 15px; |
||||
padding: 0; |
||||
background-color: transparent; |
||||
border: none; |
||||
@include border-radius(0); |
||||
@include box-shadow(none); |
||||
} |
||||
.nav-collapse .open > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.nav-collapse .dropdown-menu:before, |
||||
.nav-collapse .dropdown-menu:after { |
||||
display: none; |
||||
} |
||||
.nav-collapse .dropdown-menu .divider { |
||||
display: none; |
||||
} |
||||
.nav-collapse .nav > li > .dropdown-menu { |
||||
&:before, |
||||
&:after { |
||||
display: none; |
||||
} |
||||
} |
||||
// Forms in navbar |
||||
.nav-collapse .navbar-form, |
||||
.nav-collapse .navbar-search { |
||||
float: none; |
||||
padding: ($baseLineHeight / 2) 15px; |
||||
margin: ($baseLineHeight / 2) 0; |
||||
border-top: 1px solid $navbarBackground; |
||||
border-bottom: 1px solid $navbarBackground; |
||||
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)); |
||||
} |
||||
.navbar-inverse .nav-collapse .navbar-form, |
||||
.navbar-inverse .nav-collapse .navbar-search { |
||||
border-top-color: $navbarInverseBackground; |
||||
border-bottom-color: $navbarInverseBackground; |
||||
} |
||||
// Pull right (secondary) nav content |
||||
.navbar .nav-collapse .nav.pull-right { |
||||
float: none; |
||||
margin-left: 0; |
||||
} |
||||
// Hide everything in the navbar save .brand and toggle button */ |
||||
.nav-collapse, |
||||
.nav-collapse.collapse { |
||||
overflow: hidden; |
||||
height: 0; |
||||
} |
||||
// Navbar button |
||||
.navbar .btn-navbar { |
||||
display: block; |
||||
} |
||||
|
||||
// STATIC NAVBAR |
||||
// ------------- |
||||
.navbar-static .navbar-inner { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
// DEFAULT DESKTOP |
||||
// --------------- |
||||
|
||||
@media (min-width: $navbarCollapseDesktopWidth) { |
||||
|
||||
// Required to make the collapsing navbar work on regular desktops |
||||
.nav-collapse.collapse { |
||||
height: auto !important; |
||||
overflow: visible !important; |
||||
} |
||||
|
||||
} |
@ -1,197 +0,0 @@
@@ -1,197 +0,0 @@
|
||||
// |
||||
// Sprites |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// ICONS |
||||
// ----- |
||||
|
||||
// All icons receive the styles of the <i> tag with a base class |
||||
// of .i and are then given a unique class to add width, height, |
||||
// and background-position. Your resulting HTML will look like |
||||
// <i class="icon-inbox"></i>. |
||||
|
||||
// For the white version of the icons, just add the .icon-white class: |
||||
// <i class="icon-inbox icon-white"></i> |
||||
|
||||
[class^="icon-"], |
||||
[class*=" icon-"] { |
||||
display: inline-block; |
||||
width: 14px; |
||||
height: 14px; |
||||
@include ie7-restore-right-whitespace(); |
||||
line-height: 14px; |
||||
vertical-align: text-top; |
||||
background-image: url($iconSpritePath); |
||||
background-position: 14px 14px; |
||||
background-repeat: no-repeat; |
||||
margin-top: 1px; |
||||
} |
||||
|
||||
/* White icons with optional class, or on hover/focus/active states of certain elements */ |
||||
.icon-white, |
||||
.nav-pills > .active > a > [class^="icon-"], |
||||
.nav-pills > .active > a > [class*=" icon-"], |
||||
.nav-list > .active > a > [class^="icon-"], |
||||
.nav-list > .active > a > [class*=" icon-"], |
||||
.navbar-inverse .nav > .active > a > [class^="icon-"], |
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"], |
||||
.dropdown-menu > li > a:hover > [class^="icon-"], |
||||
.dropdown-menu > li > a:focus > [class^="icon-"], |
||||
.dropdown-menu > li > a:hover > [class*=" icon-"], |
||||
.dropdown-menu > li > a:focus > [class*=" icon-"], |
||||
.dropdown-menu > .active > a > [class^="icon-"], |
||||
.dropdown-menu > .active > a > [class*=" icon-"], |
||||
.dropdown-submenu:hover > a > [class^="icon-"], |
||||
.dropdown-submenu:focus > a > [class^="icon-"], |
||||
.dropdown-submenu:hover > a > [class*=" icon-"], |
||||
.dropdown-submenu:focus > a > [class*=" icon-"] { |
||||
background-image: url($iconWhiteSpritePath); |
||||
} |
||||
|
||||
.icon-glass { background-position: 0 0; } |
||||
.icon-music { background-position: -24px 0; } |
||||
.icon-search { background-position: -48px 0; } |
||||
.icon-envelope { background-position: -72px 0; } |
||||
.icon-heart { background-position: -96px 0; } |
||||
.icon-star { background-position: -120px 0; } |
||||
.icon-star-empty { background-position: -144px 0; } |
||||
.icon-user { background-position: -168px 0; } |
||||
.icon-film { background-position: -192px 0; } |
||||
.icon-th-large { background-position: -216px 0; } |
||||
.icon-th { background-position: -240px 0; } |
||||
.icon-th-list { background-position: -264px 0; } |
||||
.icon-ok { background-position: -288px 0; } |
||||
.icon-remove { background-position: -312px 0; } |
||||
.icon-zoom-in { background-position: -336px 0; } |
||||
.icon-zoom-out { background-position: -360px 0; } |
||||
.icon-off { background-position: -384px 0; } |
||||
.icon-signal { background-position: -408px 0; } |
||||
.icon-cog { background-position: -432px 0; } |
||||
.icon-trash { background-position: -456px 0; } |
||||
|
||||
.icon-home { background-position: 0 -24px; } |
||||
.icon-file { background-position: -24px -24px; } |
||||
.icon-time { background-position: -48px -24px; } |
||||
.icon-road { background-position: -72px -24px; } |
||||
.icon-download-alt { background-position: -96px -24px; } |
||||
.icon-download { background-position: -120px -24px; } |
||||
.icon-upload { background-position: -144px -24px; } |
||||
.icon-inbox { background-position: -168px -24px; } |
||||
.icon-play-circle { background-position: -192px -24px; } |
||||
.icon-repeat { background-position: -216px -24px; } |
||||
.icon-refresh { background-position: -240px -24px; } |
||||
.icon-list-alt { background-position: -264px -24px; } |
||||
.icon-lock { background-position: -287px -24px; } // 1px off |
||||
.icon-flag { background-position: -312px -24px; } |
||||
.icon-headphones { background-position: -336px -24px; } |
||||
.icon-volume-off { background-position: -360px -24px; } |
||||
.icon-volume-down { background-position: -384px -24px; } |
||||
.icon-volume-up { background-position: -408px -24px; } |
||||
.icon-qrcode { background-position: -432px -24px; } |
||||
.icon-barcode { background-position: -456px -24px; } |
||||
|
||||
.icon-tag { background-position: 0 -48px; } |
||||
.icon-tags { background-position: -25px -48px; } // 1px off |
||||
.icon-book { background-position: -48px -48px; } |
||||
.icon-bookmark { background-position: -72px -48px; } |
||||
.icon-print { background-position: -96px -48px; } |
||||
.icon-camera { background-position: -120px -48px; } |
||||
.icon-font { background-position: -144px -48px; } |
||||
.icon-bold { background-position: -167px -48px; } // 1px off |
||||
.icon-italic { background-position: -192px -48px; } |
||||
.icon-text-height { background-position: -216px -48px; } |
||||
.icon-text-width { background-position: -240px -48px; } |
||||
.icon-align-left { background-position: -264px -48px; } |
||||
.icon-align-center { background-position: -288px -48px; } |
||||
.icon-align-right { background-position: -312px -48px; } |
||||
.icon-align-justify { background-position: -336px -48px; } |
||||
.icon-list { background-position: -360px -48px; } |
||||
.icon-indent-left { background-position: -384px -48px; } |
||||
.icon-indent-right { background-position: -408px -48px; } |
||||
.icon-facetime-video { background-position: -432px -48px; } |
||||
.icon-picture { background-position: -456px -48px; } |
||||
|
||||
.icon-pencil { background-position: 0 -72px; } |
||||
.icon-map-marker { background-position: -24px -72px; } |
||||
.icon-adjust { background-position: -48px -72px; } |
||||
.icon-tint { background-position: -72px -72px; } |
||||
.icon-edit { background-position: -96px -72px; } |
||||
.icon-share { background-position: -120px -72px; } |
||||
.icon-check { background-position: -144px -72px; } |
||||
.icon-move { background-position: -168px -72px; } |
||||
.icon-step-backward { background-position: -192px -72px; } |
||||
.icon-fast-backward { background-position: -216px -72px; } |
||||
.icon-backward { background-position: -240px -72px; } |
||||
.icon-play { background-position: -264px -72px; } |
||||
.icon-pause { background-position: -288px -72px; } |
||||
.icon-stop { background-position: -312px -72px; } |
||||
.icon-forward { background-position: -336px -72px; } |
||||
.icon-fast-forward { background-position: -360px -72px; } |
||||
.icon-step-forward { background-position: -384px -72px; } |
||||
.icon-eject { background-position: -408px -72px; } |
||||
.icon-chevron-left { background-position: -432px -72px; } |
||||
.icon-chevron-right { background-position: -456px -72px; } |
||||
|
||||
.icon-plus-sign { background-position: 0 -96px; } |
||||
.icon-minus-sign { background-position: -24px -96px; } |
||||
.icon-remove-sign { background-position: -48px -96px; } |
||||
.icon-ok-sign { background-position: -72px -96px; } |
||||
.icon-question-sign { background-position: -96px -96px; } |
||||
.icon-info-sign { background-position: -120px -96px; } |
||||
.icon-screenshot { background-position: -144px -96px; } |
||||
.icon-remove-circle { background-position: -168px -96px; } |
||||
.icon-ok-circle { background-position: -192px -96px; } |
||||
.icon-ban-circle { background-position: -216px -96px; } |
||||
.icon-arrow-left { background-position: -240px -96px; } |
||||
.icon-arrow-right { background-position: -264px -96px; } |
||||
.icon-arrow-up { background-position: -289px -96px; } // 1px off |
||||
.icon-arrow-down { background-position: -312px -96px; } |
||||
.icon-share-alt { background-position: -336px -96px; } |
||||
.icon-resize-full { background-position: -360px -96px; } |
||||
.icon-resize-small { background-position: -384px -96px; } |
||||
.icon-plus { background-position: -408px -96px; } |
||||
.icon-minus { background-position: -433px -96px; } |
||||
.icon-asterisk { background-position: -456px -96px; } |
||||
|
||||
.icon-exclamation-sign { background-position: 0 -120px; } |
||||
.icon-gift { background-position: -24px -120px; } |
||||
.icon-leaf { background-position: -48px -120px; } |
||||
.icon-fire { background-position: -72px -120px; } |
||||
.icon-eye-open { background-position: -96px -120px; } |
||||
.icon-eye-close { background-position: -120px -120px; } |
||||
.icon-warning-sign { background-position: -144px -120px; } |
||||
.icon-plane { background-position: -168px -120px; } |
||||
.icon-calendar { background-position: -192px -120px; } |
||||
.icon-random { background-position: -216px -120px; width: 16px; } |
||||
.icon-comment { background-position: -240px -120px; } |
||||
.icon-magnet { background-position: -264px -120px; } |
||||
.icon-chevron-up { background-position: -288px -120px; } |
||||
.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off |
||||
.icon-retweet { background-position: -336px -120px; } |
||||
.icon-shopping-cart { background-position: -360px -120px; } |
||||
.icon-folder-close { background-position: -384px -120px; width: 16px; } |
||||
.icon-folder-open { background-position: -408px -120px; width: 16px; } |
||||
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off |
||||
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off |
||||
|
||||
.icon-hdd { background-position: 0 -144px; } |
||||
.icon-bullhorn { background-position: -24px -144px; } |
||||
.icon-bell { background-position: -48px -144px; } |
||||
.icon-certificate { background-position: -72px -144px; } |
||||
.icon-thumbs-up { background-position: -96px -144px; } |
||||
.icon-thumbs-down { background-position: -120px -144px; } |
||||
.icon-hand-right { background-position: -144px -144px; } |
||||
.icon-hand-left { background-position: -168px -144px; } |
||||
.icon-hand-up { background-position: -192px -144px; } |
||||
.icon-hand-down { background-position: -216px -144px; } |
||||
.icon-circle-arrow-right { background-position: -240px -144px; } |
||||
.icon-circle-arrow-left { background-position: -264px -144px; } |
||||
.icon-circle-arrow-up { background-position: -288px -144px; } |
||||
.icon-circle-arrow-down { background-position: -312px -144px; } |
||||
.icon-globe { background-position: -336px -144px; } |
||||
.icon-wrench { background-position: -360px -144px; } |
||||
.icon-tasks { background-position: -384px -144px; } |
||||
.icon-filter { background-position: -408px -144px; } |
||||
.icon-briefcase { background-position: -432px -144px; } |
||||
.icon-fullscreen { background-position: -456px -144px; } |
@ -0,0 +1,31 @@
@@ -0,0 +1,31 @@
|
||||
# Font-Awesome scss distribution |
||||
|
||||
Downloaded from (link)[http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.0.3.zip] |
||||
Used data from `scss/` and `fonts/`folder. |
||||
|
||||
|
||||
# Liscence info as from (http://fortawesome.github.io/Font-Awesome/license/)[http://fortawesome.github.io/Font-Awesome/license/] |
||||
|
||||
## Font License |
||||
|
||||
Applies to all desktop and webfont files in the following directory: `font-awesome/fonts/`. |
||||
License: SIL OFL 1.1 |
||||
URL: (http://scripts.sil.org/OFL)[http://scripts.sil.org/OFL] |
||||
|
||||
## Code License |
||||
|
||||
Applies to all CSS and LESS files in the following directories: `font-awesome/css/`, `font-awesome/less/`, `and font-awesome/scss/`. |
||||
License: MIT License |
||||
URL: (http://opensource.org/licenses/mit-license.html)[http://opensource.org/licenses/mit-license.html] |
||||
|
||||
## Documentation License |
||||
|
||||
Applies to all Font Awesome project files that are not a part of the Font or Code licenses. |
||||
License: CC BY 3.0 |
||||
URL: (http://creativecommons.org/licenses/by/3.0/)[http://creativecommons.org/licenses/by/3.0/] |
||||
|
||||
## Brand Icons |
||||
|
||||
All brand icons are trademarks of their respective owners. |
||||
The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa. |
||||
|
Binary file not shown.
Before Width: | Height: | Size: 197 KiB After Width: | Height: | Size: 197 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue