github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed links on contributing to point to other tutorial pages, updated some basic page styles

Browse Source
This commit is contained in:
Brandon Mathis 2010-12-18 22:23:21 -06:00
parent d8c3c4178a
commit 2aa2baf16d
7 changed files with 37 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
doc-src/Gemfile.lock
View File

@ -14,7 +14,7 @@ GIT
PATH PATH
remote: .. remote: ..
specs: specs:
compass (0.11.alpha.4.2040be4) compass (0.11.alpha.4.02d6292)
chunky_png (~> 0.10.3) chunky_png (~> 0.10.3)
sass (>= 3.1.0.alpha.50) sass (>= 3.1.0.alpha.50)

8
doc-src/content/help/tutorials/contributing.markdown
View File

@ -34,10 +34,10 @@ Here's some general information about the project you might find useful along th
* [Submitting Patches](#patches) * [Submitting Patches](#patches)
* [Project Structure](#project-structure) * [Project Structure](#project-structure)
* [Project Architecture](#project-architecture) * Project Architecture
* [Command Line](#cli-architecture) * [Command Line](/help/tutorials/command-line)
* [Extensions](#extensions-architecture) * [Extensions](/help/tutorials/extensions)
* [Configuration](#configuration-architecture) * [Configuration](help/tutorials/configuration-reference)
* [General Philosophy](#project-philosophy) * [General Philosophy](#project-philosophy)
* [Stylesheet Conventions](#stylesheet-conventions) * [Stylesheet Conventions](#stylesheet-conventions)
* [Miscellaneous Stuff](#faq) * [Miscellaneous Stuff](#faq)

4
doc-src/content/stylesheets/partials/_layout.scss
View File

@ -1,5 +1,5 @@
$min-width: 680px; $min-width: 680px;
$side-nav-width: 150px; $side-nav-width: 160px;
$main-min-width: $min-width - $side-nav-width; $main-min-width: $min-width - $side-nav-width;
body { body {
@ -14,7 +14,7 @@ body {
#page { @extend .group; padding-bottom: 30px; } #page { @extend .group; padding-bottom: 30px; }
footer { @extend .group; clear: both; padding-top: 20px;} footer { @extend .group; clear: both; padding-top: 20px;}
header { padding: 22px 0 0; position: relative; } header { padding: 22px 0 0; position: relative; }
#page aside + article { padding-left: $side-nav-width + 45px;} #page aside + article { margin-left: $side-nav-width + 22px; padding-left: 23px; }
aside { float: left; width: $side-nav-width; position: relative; z-index: 2;} aside { float: left; width: $side-nav-width; position: relative; z-index: 2;}
body#home #page article { padding-left: 0;} body#home #page article { padding-left: 0;}

3
doc-src/content/stylesheets/partials/_main.scss
View File

@ -3,7 +3,8 @@ body.get-involved h1 + p { font-size: 1.2em; line-height: 1.45em; }
#page { #page {
position: relative; position: relative;
padding-top: 40px; padding-top: 40px;
& > article { padding-top: 10px; font-size: 15px; } } & > article { padding-top: 10px; font-size: 15px;
img { max-width: 100%; } } }
#theme_pref { #theme_pref {
a { display: block; font-size: 18px; width: .9em; position: relative; text-decoration: none; @extend .pictos; } } a { display: block; font-size: 18px; width: .9em; position: relative; text-decoration: none; @extend .pictos; } }

4
doc-src/content/stylesheets/partials/_nav.scss
View File

@ -28,9 +28,9 @@ header { @extend .group;
padding: 2px 10px; padding: 2px 10px;
display: inline-block; }} display: inline-block; }}
#docs-nav { padding-right: 20px; #docs-nav { padding-right: 30px;
& + #module-nav { & + #module-nav {
padding-left: 10px; padding-left: 20px;
}} }}
#module-nav { #module-nav {

14
doc-src/content/stylesheets/partials/_theme.scss
View File

@ -1,4 +1,5 @@
@mixin site-theme($theme, $page-bg, $text, $strong-text, $heading, $link, $code, $search, $nav-link, $main-nav, $main-nav-selected, $option-panel-border, $option-panel-bg){ @mixin site-theme($theme, $page-bg, $text, $strong-text, $heading, $link, $code, $search, $nav-link, $main-nav, $main-nav-selected, $option-panel-border, $option-panel-bg){
background: $page-bg;
body { background: $page-bg; color: $text; body { background: $page-bg; color: $text;
a { color: $link; } } a { color: $link; } }
@ -27,7 +28,10 @@
hr { @extend .horizontal-rule-#{$theme}; hr { @extend .horizontal-rule-#{$theme};
border-bottom-width: 8px} border-bottom-width: 8px}
body#home h2 { @extend .horizontal-rule-#{$theme}; } body#home h2 { @extend .horizontal-rule-#{$theme}; }
aside { @extend .vertical-rule-#{$theme};
#page aside + article { @extend .vertical-rule-left-#{$theme}; }
aside {
h2 a { color: $strong-text; } h2 a { color: $strong-text; }
h2, h3 { @extend .horizontal-rule-#{$theme}; }} h2, h3 { @extend .horizontal-rule-#{$theme}; }}
@ -102,6 +106,10 @@
@include box-shadow(rgba(#fff, .07) 1px 0 0); @include box-shadow(rgba(#fff, .07) 1px 0 0);
border-right: 1px solid #121212; } border-right: 1px solid #121212; }
.vertical-rule-left-dark {
@include box-shadow(rgba(#fff, .07) 1px 0 0 inset);
border-left: 1px solid #121212; }
.code-block-dark { @extend .code-block; @extend .inset-panel-dark; } .code-block-dark { @extend .code-block; @extend .inset-panel-dark; }
.demo-dark { .demo-dark {
@ -193,6 +201,10 @@
@include single-box-shadow(rgba(#fff, 1), 1px, 0, 0); @include single-box-shadow(rgba(#fff, 1), 1px, 0, 0);
border-right: 1px solid #bbb; } border-right: 1px solid #bbb; }
.vertical-rule-left-light {
@include single-box-shadow(rgba(#fff, 1), 1px, 0, 0 inset);
border-left: 1px solid #bbb; }
.code-block-light { @extend .code-block; @extend .inset-panel-light; background: rgba(#fff, .5); } .code-block-light { @extend .code-block; @extend .inset-panel-light; background: rgba(#fff, .5); }
.demo-light { @include box-shadow(rgba(#000, .3) 0 2px 10px inset, #fff 0 1px 2px 0px, rgba(#000, .05) 0 0 0 1px inset); } .demo-light { @include box-shadow(rgba(#000, .3) 0 2px 10px inset, #fff 0 1px 2px 0px, rgba(#000, .05) 0 0 0 1px inset); }

3
doc-src/content/stylesheets/partials/_typography.scss
View File

@ -32,6 +32,7 @@
em { font-style: italic; } em { font-style: italic; }
#page > article { #page > article {
ul ul { padding-left: 1em; }
position: relative; position: relative;
h2 { font-size: 26px; margin: .5em 0 .6em; h2 { font-size: 26px; margin: .5em 0 .6em;
padding: 1em 0 6px;} padding: 1em 0 6px;}
@ -40,4 +41,4 @@ em { font-style: italic; }
} }
dl.table dt, dl.table dd { display: inline-block; } dl.table dt, dl.table dd { display: inline-block; }
dg { display: block; } dg { display: block; margin-bottom: 1.5em; }