removed old docs stylesheets
This commit is contained in:
B Mathis
parent
37a6555fd3
commit
f959baacca
@ -1,59 +0,0 @@
|
|||||||
//**
|
|
||||||
// Susy: Fixed-Elastic-Fluid grids without all the math
|
|
||||||
// By: Eric A. Meyer and OddBird Collective
|
|
||||||
// Site: www.oddbird.net/susy/
|
|
||||||
//**
|
|
||||||
|
|
||||||
// FONT-SIZE
|
|
||||||
// Override these values as needed (defaults are 12/18)
|
|
||||||
$base-font-size: 16px
|
|
||||||
|
|
||||||
$base-line-height: 24px
|
|
||||||
|
|
||||||
// GRID
|
|
||||||
// Set these values as needed for your grid layout.
|
|
||||||
// - defaults are shown.
|
|
||||||
$total-cols: 12
|
|
||||||
|
|
||||||
$col-width: 3.5em
|
|
||||||
|
|
||||||
$gutter-width: 2em
|
|
||||||
|
|
||||||
$side-gutter-width: 1em
|
|
||||||
|
|
||||||
// OMEGA_FLOAT
|
|
||||||
// By default, +omega elements are floated right.
|
|
||||||
// You can override that globally here:
|
|
||||||
// $omega_float = "right"
|
|
||||||
|
|
||||||
// HACKS
|
|
||||||
// Are you using hacks or conditional comments? Susy makes both possible.
|
|
||||||
// Leave this as 'true' to use hacks, set it as false for conditional comments.
|
|
||||||
// Conditional comments will require overrides for +omega, +inline-block and
|
|
||||||
// several other mixins.
|
|
||||||
// $hacks = true
|
|
||||||
|
|
||||||
// SUSY
|
|
||||||
// Don't move this @import above the GRID and FONT-SIZE overrides.
|
|
||||||
@import susy/susy
|
|
||||||
|
|
||||||
// COLORS
|
|
||||||
// Set any colors you will need later.
|
|
||||||
$base: black
|
|
||||||
|
|
||||||
$alt: #005498
|
|
||||||
|
|
||||||
// FONTS
|
|
||||||
// Give yourself some font stacks to work with.
|
|
||||||
=sans-family
|
|
||||||
font-family: Helvetica, Arial, sans-serif
|
|
||||||
|
|
||||||
=serif-family
|
|
||||||
font-family: Baskerville, Palatino, serif
|
|
||||||
|
|
||||||
// OTHER MIXINS
|
|
||||||
// Mixins set here will be available in defaults, screen, print and IE
|
|
||||||
// Or anywhere you import either base.sass or defaults.sass
|
|
||||||
=code-text
|
|
||||||
font-family: monospace
|
|
||||||
|
|
||||||
@ -1,137 +0,0 @@
|
|||||||
//** DEFAULT STYLES **//
|
|
||||||
// Don't forget to set your default styles.
|
|
||||||
|
|
||||||
// Get all the details and mixins from base.sass
|
|
||||||
@import base
|
|
||||||
|
|
||||||
// Reset browser defaults, and prepare block-level HTML5 elements
|
|
||||||
@import susy/reset
|
|
||||||
|
|
||||||
/* @group defaults
|
|
||||||
|
|
||||||
body
|
|
||||||
+sans-family
|
|
||||||
color: $base
|
|
||||||
|
|
||||||
/* @group links
|
|
||||||
|
|
||||||
\:focus
|
|
||||||
outline: 1px dotted $alt
|
|
||||||
|
|
||||||
a
|
|
||||||
&:link, &:visited
|
|
||||||
color: $alt
|
|
||||||
text-decoration: none
|
|
||||||
&:focus, &:hover, &:active
|
|
||||||
color: $alt - #222222
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group inline tags
|
|
||||||
|
|
||||||
cite
|
|
||||||
font-style: italic
|
|
||||||
|
|
||||||
em
|
|
||||||
font-style: italic
|
|
||||||
|
|
||||||
strong
|
|
||||||
font-weight: bold
|
|
||||||
|
|
||||||
ins
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
||||||
del
|
|
||||||
text-decoration: line-through
|
|
||||||
|
|
||||||
q
|
|
||||||
font-style: italic
|
|
||||||
em
|
|
||||||
font-style: normal
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group replaced tags
|
|
||||||
|
|
||||||
img
|
|
||||||
vertical-align: bottom
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group headers
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6
|
|
||||||
font-weight: bold
|
|
||||||
margin: 1em 0
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group block tags
|
|
||||||
|
|
||||||
p
|
|
||||||
+leader
|
|
||||||
+trailer
|
|
||||||
|
|
||||||
=list-default($ol: false)
|
|
||||||
+leader
|
|
||||||
+trailer
|
|
||||||
margin-left: 3em
|
|
||||||
@if $ol
|
|
||||||
list-style: decimal
|
|
||||||
@else
|
|
||||||
list-style: disc
|
|
||||||
|
|
||||||
=no-style-list
|
|
||||||
+no-bullets
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
ol
|
|
||||||
+list-default(ol)
|
|
||||||
|
|
||||||
ul
|
|
||||||
+list-default
|
|
||||||
|
|
||||||
blockquote
|
|
||||||
margin: $base-rhythm-unit
|
|
||||||
+serif-family
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group tables
|
|
||||||
|
|
||||||
/* tables still need 'cellspacing="0"' in the markup
|
|
||||||
|
|
||||||
table
|
|
||||||
width: 100%
|
|
||||||
|
|
||||||
th
|
|
||||||
font-weight: bold
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @group forms
|
|
||||||
|
|
||||||
fieldset
|
|
||||||
+trailer
|
|
||||||
|
|
||||||
legend
|
|
||||||
font-weight: bold
|
|
||||||
font-variant: small-caps
|
|
||||||
|
|
||||||
label
|
|
||||||
display: block
|
|
||||||
|
|
||||||
legend + label
|
|
||||||
margin-top: 0
|
|
||||||
|
|
||||||
textarea, input:not([type="radio"])
|
|
||||||
+box-sizing(border-box)
|
|
||||||
width: 100%
|
|
||||||
|
|
||||||
button
|
|
||||||
vertical-align: top
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
|
|
||||||
/* @end
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
.demo
|
|
||||||
article
|
|
||||||
text-align: left
|
|
||||||
h1
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
#demo
|
|
||||||
+clearfix
|
|
||||||
#how
|
|
||||||
+full(12)
|
|
||||||
+pie-clearfix
|
|
||||||
+adjust-font-size-to(12px)
|
|
||||||
+h-borders(1px,1,12px)
|
|
||||||
border-color: #ccc
|
|
||||||
font-family: monospace
|
|
||||||
nav
|
|
||||||
background: #eee
|
|
||||||
+trailer(1,12px)
|
|
||||||
ul
|
|
||||||
+inline-block-list(.4em)
|
|
||||||
text-align: right
|
|
||||||
section
|
|
||||||
position: relative
|
|
||||||
+columns(6,12)
|
|
||||||
+slideshow
|
|
||||||
&#styles
|
|
||||||
+omega(12)
|
|
||||||
.code
|
|
||||||
li
|
|
||||||
overflow-x: auto
|
|
||||||
@ -1,112 +0,0 @@
|
|||||||
// Reference
|
|
||||||
|
|
||||||
body.reference {
|
|
||||||
h3 {
|
|
||||||
&.mixin, &.constant {
|
|
||||||
font-family: Monaco, courier;
|
|
||||||
font-weight: 200;
|
|
||||||
@include text-shadow;
|
|
||||||
background-color: #eeeeee;
|
|
||||||
border: 1px solid #aaaaaa;
|
|
||||||
padding: 0.75em;
|
|
||||||
margin-bottom: 0;
|
|
||||||
a.permalink {
|
|
||||||
@include hover-link;
|
|
||||||
@include link-colors(inherit, inherit); } }
|
|
||||||
.arg[data-default-value] {
|
|
||||||
color: #666666;
|
|
||||||
&:before {
|
|
||||||
content: "["; }
|
|
||||||
&:after {
|
|
||||||
content: "]"; } } }
|
|
||||||
.source-documentation {
|
|
||||||
background-color: #eeeeee;
|
|
||||||
border: 1px solid #aaaaaa;
|
|
||||||
border-top-width: 0;
|
|
||||||
padding: 0.75em; }
|
|
||||||
dl.source-documentation {
|
|
||||||
margin-top: 0;
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
float: left;
|
|
||||||
margin-right: 15px; }
|
|
||||||
dt:not(:first-child) {
|
|
||||||
margin-top: 1em; } }
|
|
||||||
span.view-source {
|
|
||||||
float: right;
|
|
||||||
margin: 1em;
|
|
||||||
}
|
|
||||||
span.color + span.swatch { margin: 0 3px 3px; border: 1px solid #333333; width: 1em; height: 1em; @include inline-block; }
|
|
||||||
.color-snippet { width: 100px; height: 20px; @include border-radius(3px); }
|
|
||||||
a.help { font-size: 75%; }
|
|
||||||
.mixin-source {
|
|
||||||
table { margin: 0; }
|
|
||||||
tbody { width: 100%;}
|
|
||||||
table td:last-child { width: 100%; }
|
|
||||||
.elided-code {display: none;}
|
|
||||||
.elided-code:target {display: block;}
|
|
||||||
pre.source-code,
|
|
||||||
.highlight pre,
|
|
||||||
.linenos pre {
|
|
||||||
@include box-sizing(border-box);
|
|
||||||
overflow-x: auto;
|
|
||||||
padding: $base-rhythm-unit;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.docs {
|
|
||||||
code {
|
|
||||||
@include code-text;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
padding: 2px;
|
|
||||||
background-color: #e7e7e7;
|
|
||||||
}
|
|
||||||
code code { border-width: 0px; }
|
|
||||||
pre { @extend code; }
|
|
||||||
}
|
|
||||||
|
|
||||||
table.constants {
|
|
||||||
width: 100%;
|
|
||||||
@include alternating-rows-and-columns(#eeeeee, #bbbbbb, #191919);
|
|
||||||
@include outer-table-borders(1px);
|
|
||||||
@include inner-table-borders(1px);
|
|
||||||
td, th {
|
|
||||||
padding: 0.25em 0.5em; } }
|
|
||||||
|
|
||||||
dl.examples {
|
|
||||||
display: table;
|
|
||||||
margin-bottom: 2em;
|
|
||||||
dt, dd {
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
dd {
|
|
||||||
padding-left: 0.33em;
|
|
||||||
&:before {
|
|
||||||
content: " - ";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
dl.table {
|
|
||||||
display: table;
|
|
||||||
dg { display: table-row; }
|
|
||||||
dt, dd { display: table-cell; }
|
|
||||||
dt { white-space: nowrap; padding-right: 1em;}
|
|
||||||
dg.head > dt,
|
|
||||||
dg.head > dd {font-weight: bold; text-align: center;}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.helpers {
|
|
||||||
.helper {
|
|
||||||
dl { @extend dl.table; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.warning {
|
|
||||||
$warning-color: #900;
|
|
||||||
color: $warning-color;
|
|
||||||
a { color: $warning-color; text-decoration: underline; }
|
|
||||||
a.better { color: adjust-hue($warning-color, 120deg); @include hover-link; }
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
=gradient-bg($color, $up:5, $down: $up)
|
|
||||||
background-color: $color
|
|
||||||
+linear-gradient(color-stops(lighten($color, $up), darken($color,$down)))
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
aside[role="sidebar"]
|
|
||||||
padding-bottom: 1em
|
|
||||||
+columns(3)
|
|
||||||
+alpha
|
|
||||||
+adjust-font-size-to(14px)
|
|
||||||
color: #999999
|
|
||||||
section, p
|
|
||||||
+leader(1,14px)
|
|
||||||
+trailer(1,14px)
|
|
||||||
|
|
||||||
#local-nav ul
|
|
||||||
margin-top: 0em
|
|
||||||
border: 0
|
|
||||||
padding: 0
|
|
||||||
margin: 0
|
|
||||||
list-style: none
|
|
||||||
li
|
|
||||||
a
|
|
||||||
display: block
|
|
||||||
h2
|
|
||||||
margin: 0
|
|
||||||
text-align: left
|
|
||||||
a
|
|
||||||
+border-top-radius(3px)
|
|
||||||
+text-shadow(#fff)
|
|
||||||
padding: 5px 0
|
|
||||||
font-size: 1.3em
|
|
||||||
display: inline-block
|
|
||||||
border-bottom: 0
|
|
||||||
text-decoration: underline
|
|
||||||
&.selected
|
|
||||||
color: #222
|
|
||||||
ul
|
|
||||||
list-style: none
|
|
||||||
margin: 0 0 1em 0
|
|
||||||
padding: 0
|
|
||||||
li
|
|
||||||
list-style-image: none
|
|
||||||
list-style-type: none
|
|
||||||
margin-left: 0px
|
|
||||||
$c: #eaeaea
|
|
||||||
//mix(#e6e6e6, #005498, 50%)
|
|
||||||
&:last-child a
|
|
||||||
+border-bottom-radius(3px)
|
|
||||||
&:first-child a
|
|
||||||
+border-top-radius(3px)
|
|
||||||
border-top-color: #eaeaea
|
|
||||||
&:hover, &:focus, &.selected
|
|
||||||
border-top-color: $c !important
|
|
||||||
a
|
|
||||||
//color: #444
|
|
||||||
border: 1px solid
|
|
||||||
border-color: #fff transparent #e7e7e7
|
|
||||||
padding: 3px 8px
|
|
||||||
background: #f5f5f5
|
|
||||||
&.selected
|
|
||||||
font-weight: bold
|
|
||||||
&.deprecated span
|
|
||||||
text-decoration: line-through
|
|
||||||
&:hover, &:focus, &.selected
|
|
||||||
+border-radius
|
|
||||||
+text-shadow(lighten($c, 15), 0, 1px)
|
|
||||||
background: $c
|
|
||||||
+linear-gradient(color-stops(lighten($c, 1), $c))
|
|
||||||
position: relative
|
|
||||||
z-index: 2
|
|
||||||
padding: 3px 12px 3px 10px
|
|
||||||
margin: 0 -4px 0 -2px
|
|
||||||
color: desaturate(darken(#005498, 14), 20)
|
|
||||||
border-color: lighten($c, 5) $c darken($c, 7) $c
|
|
||||||
&:after
|
|
||||||
color: darken($c, 22) !important
|
|
||||||
//+text-shadow(darken($c, 22), 0, -1px)
|
|
||||||
&:after
|
|
||||||
content: "\25B8"
|
|
||||||
font-style: normal
|
|
||||||
float: right
|
|
||||||
color: #ddd
|
|
||||||
font-weight: normal
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
// CSS-only Lightboxes
|
|
||||||
// Plugin by Eric Meyer - http://www.oddbird.net/
|
|
||||||
// Based on the work of Jenna Smith - http://growldesign.co.uk/
|
|
||||||
|
|
||||||
// Compatible with IE6+, Mozilla and Webkit browsers.
|
|
||||||
// **Not compatible with Opera without Javascript help**
|
|
||||||
|
|
||||||
// Override with the proper class names for your slide/slide-nav containers
|
|
||||||
$slide-container: ".code"
|
|
||||||
|
|
||||||
$max-slides: 10
|
|
||||||
|
|
||||||
// import slideshow
|
|
||||||
@import css-slideshow
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
// This partial is where we put specific styling for certain
|
|
||||||
|
|
||||||
#reference-compass-helpers-color-stops
|
|
||||||
dl
|
|
||||||
width: 100%
|
|
||||||
dt, dd
|
|
||||||
white-space: normal
|
|
||||||
text-align: left
|
|
||||||
dd
|
|
||||||
+text-shadow(white, 1px, 1px, 1px)
|
|
||||||
#ex1 dd
|
|
||||||
+linear-gradient(color-stops(#fff,#f00,#00c), left)
|
|
||||||
#ex2 dd
|
|
||||||
+linear-gradient(color-stops(#FFF, #F00 25%, #0C0, #00C), left)
|
|
||||||
#ex3 dd
|
|
||||||
+radial-gradient(color-stops(#FFF, #F00 5px, #0C0, #00C 25px), center center)
|
|
||||||
|
|
||||||
body#search
|
|
||||||
#page
|
|
||||||
+box-sizing(border)
|
|
||||||
text-align: center
|
|
||||||
input
|
|
||||||
width: 50%
|
|
||||||
font-size: 3em
|
|
||||||
ol
|
|
||||||
list-style-position: inside
|
|
||||||
margin-left: 25%
|
|
||||||
text-align: left
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
/* Welcome to Susy. Use this file to define print styles.
|
|
||||||
* Import this file using the following HTML or equivalent:
|
|
||||||
* <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
|
|
||||||
|
|
||||||
@import defaults
|
|
||||||
|
|
||||||
=print
|
|
||||||
nav
|
|
||||||
display: none
|
|
||||||
*
|
|
||||||
float: none !important
|
|
||||||
body
|
|
||||||
+serif-family
|
|
||||||
font-size: 12pt
|
|
||||||
background: white
|
|
||||||
color: black
|
|
||||||
a:link:after, a:visited:after
|
|
||||||
content: " (" attr(href) ") "
|
|
||||||
|
|
||||||
+print
|
|
||||||
Loading…
Reference in New Issue
Block a user