dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

move from scss to sass

Browse source
This commit is contained in:
Emi Matchu 2010-11-05 16:43:26 -04:00
parent 61b55d418e
commit defafa0eb6
13 changed files with 259 additions and 348 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
app/stylesheets/_clean_constants.sass Normal file
View file

@ -0,0 +1,21 @@
$text-color: #004400
$link-color: $text-color + #222222
$module-bg-color: #eeffee
$module-border-color: #006600
$input-border-color: #cceecc
$marked-button-color: #0b61a4
$notice-color: #264409
$notice-bg-color: #e6efc2
$notice-border-color: #c6d880
$error-color: #8a1f11
$error-bg-color: #fbe3e4
$error-border-color: #fbc2c4
$header-font: Delicious, Helvetica, Arial, Verdana, sans-serif
$body-font: "Droid Serif", Georgia, "Times New Roman", Times, serif
$object-img-size: 80px
$object-width: 100px
$object-padding: 6px
$nc-icon-size: 16px

21
app/stylesheets/_clean_constants.scss
View file

@ -1,21 +0,0 @@
$text-color: #040;
$link-color: $text-color + #222;
$module-bg-color: #efe;
$module-border-color: #060;
$input-border-color: #cec;
$marked-button-color: #0b61a4;
$notice-color: #264409;
$notice-bg-color: #e6efc2;
$notice-border-color: #c6d880;
$error-color: #8a1f11;
$error-bg-color: #fbe3e4;
$error-border-color: #fbc2c4;
$header-font: Delicious, Helvetica, Arial, Verdana, sans-serif;
$body-font: "Droid Serif", Georgia, "Times New Roman", Times, serif;
$object-img-size: 80px;
$object-width: 100px;
$object-padding: 6px;
$nc-icon-size: 16px;

16
app/stylesheets/ie.scss
View file

@ -1,16 +0,0 @@
@import "blueprint";
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
// +blueprint-ie
//Recommended Blueprint configuration with scoping and semantic layout:
body.bp {
@include blueprint-ie(true);
// Note: Blueprint centers text to fix IE6 container centering.
// This means all your texts will be centered under all version of IE by default.
// If your container does not have the .container class, don't forget to restore
// the correct behavior to your main container (but not the body tag!)
// Example:
// .my-container
// text-align: left
}

33
app/stylesheets/items/_index.sass Normal file
View file

@ -0,0 +1,33 @@
=main_unit
float: left
width: 49%
h2
font-size: 125%
body.items-index
form
margin-bottom: 2em
.object .nc-icon
height: 16px
position: absolute
right: ($object-width - $object-img-size) / 2 + $object-padding
top: $object-img-size - $nc-icon-size
width: 16px
&:hover
+opacity(0.5)
#search-help
+main_unit
padding-right: 1%
dl
text-align: left
dd
margin-bottom: 1em
#species-search-links
+main_unit
padding-left: 1%
img
height: 80px
width: 80px

48
app/stylesheets/items/_index.scss
View file

@ -1,48 +0,0 @@
form {
margin-bottom: 2em;
}
.object .nc-icon {
height: 16px;
position: absolute;
right: ($object-width - $object-img-size) / 2 + $object-padding;
top: $object-img-size - $nc-icon-size;
width: 16px;
&:hover {
@include opacity(.5);
}
}
@mixin main_unit {
float: left;
width: 49%;
h2 {
font-size: 125%;
}
}
#search-help {
@include main_unit;
padding-right: 1%;
dl {
text-align: left;
}
dd {
margin-bottom: 1em;
}
}
#species-search-links {
@include main_unit;
padding-left: 1%;
img {
height: 80px;
width: 80px;
}
}

64
app/stylesheets/items/_show.sass Normal file
View file

@ -0,0 +1,64 @@
body.items-show
header
border-bottom: 1px solid $module-border-color
display: block
margin-bottom: 1em
padding: 1em 0
div, img
+inline-block
div
text-align: left
a
font-size: 75%
margin-left: 1em
#item-thumbnail
border: 1px solid $module-border-color
height: 80px
margin-right: .5em
width: 80px
#item-name
margin-bottom: 0
#item-preview
div
float: left
#item-preview-species
width: 400px
a, img
height: 50px
width: 50px
a
+inline-block
&.current
background: $module-bg-color
outline: 1px solid $module-border-color
&.deactivated
+opacity(0.5)
background: $error_bg_color
//background: #fff;
//background: rgba(255, 255, 255, .5);
&.current
outline-color: $error_border_color
#item-preview-error
display: none
padding: 20px 10px 0
width: 380px
#item-preview-swf
height: 300px
overflow: hidden
width: 300px
#item-zones
font:
family: $body-font
size: 85%
p:first-child
margin-bottom: .25em
#item-preview-header
margin-top: 3em
h3, a
+inline-block
a
font-size: 85%
margin: -1.5em 0 0 1em
.nc-icon
height: 16px
width: 16px

107
app/stylesheets/items/_show.scss
View file

@ -1,107 +0,0 @@
body.show {
header {
border-bottom: 1px solid $module-border-color;
display: block;
margin-bottom: 1em;
padding: 1em 0;
div, img {
@include inline-block;
}
div {
text-align: left;
}
a {
font-size: 75%;
margin-left: 1em;
}
}
#item-thumbnail {
border: 1px solid $module-border-color;
height: 80px;
margin-right: .5em;
width: 80px;
}
#item-name {
margin-bottom: 0;
}
#item-preview {
div {
float: left;
}
}
#item-preview-species {
width: 400px;
a, img {
height: 50px;
width: 50px;
}
a {
@include inline-block;
&.current {
background: $module-bg-color;
outline: 1px solid $module-border-color;
}
&.deactivated {
@include opacity(.5);
background: $error_bg_color;
//background: #fff;
//background: rgba(255, 255, 255, .5);
&.current {
outline-color: $error_border_color;
}
}
}
}
#item-preview-error {
display: none;
padding: 20px 10px 0;
width: 380px;
}
#item-preview-swf {
height: 300px;
overflow: hidden;
width: 300px;
}
#item-zones {
font: {
family: $body-font;
size: 85%;
}
p:first-child {
margin-bottom: .25em;
}
}
#item-preview-header {
margin-top: 3em;
h3, a {
@include inline-block;
}
a {
font-size: 85%;
margin: -1.5em 0 0 1em
}
}
.nc-icon {
height: 16px;
width: 16px;
}
}

3
app/stylesheets/print.sass Normal file
View file

@ -0,0 +1,3 @@
@import blueprint
+blueprint-print

8
app/stylesheets/print.scss
View file

@ -1,8 +0,0 @@
@import "blueprint";
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
// +blueprint-print
//Recommended Blueprint configuration with scoping and semantic layout:
body.bp {
@include blueprint-print(true); }

36
app/stylesheets/screen.sass Normal file
View file

@ -0,0 +1,36 @@
@import compass
@import clean_constants
body
text-align: center
input[type=text]
font-size: 125%
width: 15em
h1
margin-bottom: 1em
img
height: 80px
margin-bottom: -0.5em
width: 80px
a
text-decoration: none
span
text-decoration: underline
&:hover span
text-decoration: none
#userbar-log-in
text-decoration: none
img
margin:
bottom: -4px
right: .25em
span
text-decoration: underline
&:hover span
text-decoration: none
@import items/index
@import items/show

54
app/stylesheets/screen.scss
View file

@ -1,54 +0,0 @@
@import "compass";
@import "clean_constants";
body {
text-align: center;
}
input[type=text] {
font-size: 125%;
width: 15em;
}
h1 {
margin-bottom: 1em;
img {
height: 80px;
margin-bottom: -.5em;
width: 80px;
}
a {
text-decoration: none;
span {
text-decoration: underline;
}
&:hover span {
text-decoration: none;
}
}
}
#userbar-log-in {
text-decoration: none;
img {
margin: {
bottom: -4px;
right: .25em;
}
}
span {
text-decoration: underline;
}
&:hover span {
text-decoration: none;
}
}
@import "items/index";
@import "items/show";

41
public/stylesheets/compiled/print.css
View file

@ -1,17 +1,19 @@
/* line 7, ../../../app/stylesheets/print.scss */
body.bp {
/* line 29, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body {
line-height: 1.5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: black;
background: none;
font-size: 10pt;
}
/* line 52, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .container {
.container {
background: none;
}
/* line 54, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp hr {
hr {
background: #cccccc;
color: #cccccc;
width: 100%;
@ -21,53 +23,62 @@ body.bp hr {
border: none;
}
/* line 62, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp hr.space {
hr.space {
background: white;
color: white;
}
/* line 65, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* line 67, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp code {
code {
font-size: 0.9em;
font-family: "andale mono", "lucida console", monospace;
}
/* line 72, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp a img {
a img {
border: none;
}
/* line 75, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp a:link, body.bp a:visited {
a:link, a:visited {
background: transparent;
font-weight: 700;
text-decoration: underline;
}
/* line 79, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp p img.top {
p img.top {
margin-top: 0;
}
/* line 81, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp blockquote {
blockquote {
margin: 1.5em;
padding: 1em;
font-style: italic;
font-size: 0.9em;
}
/* line 86, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .small {
.small {
font-size: 0.9em;
}
/* line 88, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .large {
.large {
font-size: 1.1em;
}
/* line 90, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .quiet {
.quiet {
color: #999999;
}
/* line 92, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .hide {
.hide {
display: none;
}

155
public/stylesheets/compiled/screen.css
View file

@ -1,119 +1,116 @@
/* line 4, ../../../app/stylesheets/screen.scss */
/* line 4, ../../../app/stylesheets/screen.sass */
body {
text-align: center;
}
/* line 8, ../../../app/stylesheets/screen.scss */
/* line 7, ../../../app/stylesheets/screen.sass */
input[type=text] {
font-size: 125%;
width: 15em;
}
/* line 13, ../../../app/stylesheets/screen.scss */
/* line 11, ../../../app/stylesheets/screen.sass */
h1 {
margin-bottom: 1em;
}
/* line 15, ../../../app/stylesheets/screen.scss */
/* line 13, ../../../app/stylesheets/screen.sass */
h1 img {
height: 80px;
margin-bottom: -0.5em;
width: 80px;
}
/* line 21, ../../../app/stylesheets/screen.scss */
/* line 17, ../../../app/stylesheets/screen.sass */
h1 a {
text-decoration: none;
}
/* line 24, ../../../app/stylesheets/screen.scss */
/* line 19, ../../../app/stylesheets/screen.sass */
h1 a span {
text-decoration: underline;
}
/* line 28, ../../../app/stylesheets/screen.scss */
/* line 21, ../../../app/stylesheets/screen.sass */
h1 a:hover span {
text-decoration: none;
}
/* line 34, ../../../app/stylesheets/screen.scss */
/* line 24, ../../../app/stylesheets/screen.sass */
#userbar-log-in {
text-decoration: none;
}
/* line 37, ../../../app/stylesheets/screen.scss */
/* line 26, ../../../app/stylesheets/screen.sass */
#userbar-log-in img {
margin-bottom: -4px;
margin-right: .25em;
margin-right: 0.25em;
}
/* line 44, ../../../app/stylesheets/screen.scss */
/* line 30, ../../../app/stylesheets/screen.sass */
#userbar-log-in span {
text-decoration: underline;
}
/* line 48, ../../../app/stylesheets/screen.scss */
/* line 32, ../../../app/stylesheets/screen.sass */
#userbar-log-in:hover span {
text-decoration: none;
}
/* line 1, ../../../app/stylesheets/items/_index.scss */
form {
/* line 8, ../../../app/stylesheets/items/_index.sass */
body.items-index form {
margin-bottom: 2em;
}
/* line 5, ../../../app/stylesheets/items/_index.scss */
.object .nc-icon {
/* line 11, ../../../app/stylesheets/items/_index.sass */
body.items-index .object .nc-icon {
height: 16px;
position: absolute;
right: 16px;
top: 64px;
width: 16px;
}
/* line 12, ../../../app/stylesheets/items/_index.scss */
.object .nc-icon:hover {
/* line 17, ../../../app/stylesheets/items/_index.sass */
body.items-index .object .nc-icon:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
/* line 26, ../../../app/stylesheets/items/_index.scss */
#search-help {
/* line 20, ../../../app/stylesheets/items/_index.sass */
body.items-index #search-help {
float: left;
width: 49%;
padding-right: 1%;
}
/* line 21, ../../../app/stylesheets/items/_index.scss */
#search-help h2 {
/* line 4, ../../../app/stylesheets/items/_index.sass */
body.items-index #search-help h2 {
font-size: 125%;
}
/* line 30, ../../../app/stylesheets/items/_index.scss */
#search-help dl {
/* line 23, ../../../app/stylesheets/items/_index.sass */
body.items-index #search-help dl {
text-align: left;
}
/* line 34, ../../../app/stylesheets/items/_index.scss */
#search-help dd {
/* line 25, ../../../app/stylesheets/items/_index.sass */
body.items-index #search-help dd {
margin-bottom: 1em;
}
/* line 39, ../../../app/stylesheets/items/_index.scss */
#species-search-links {
/* line 28, ../../../app/stylesheets/items/_index.sass */
body.items-index #species-search-links {
float: left;
width: 49%;
padding-left: 1%;
}
/* line 21, ../../../app/stylesheets/items/_index.scss */
#species-search-links h2 {
/* line 4, ../../../app/stylesheets/items/_index.sass */
body.items-index #species-search-links h2 {
font-size: 125%;
}
/* line 44, ../../../app/stylesheets/items/_index.scss */
#species-search-links img {
/* line 31, ../../../app/stylesheets/items/_index.sass */
body.items-index #species-search-links img {
height: 80px;
width: 80px;
}
/* line 2, ../../../app/stylesheets/items/_show.scss */
body.show header {
/* line 2, ../../../app/stylesheets/items/_show.sass */
body.items-show header {
border-bottom: 1px solid #006600;
display: block;
margin-bottom: 1em;
padding: 1em 0;
}
/* line 8, ../../../app/stylesheets/items/_show.scss */
body.show header div, body.show header img {
/* line 7, ../../../app/stylesheets/items/_show.sass */
body.items-show header div, body.items-show header img {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
@ -121,41 +118,41 @@ body.show header div, body.show header img {
*display: inline;
*vertical-align: auto;
}
/* line 12, ../../../app/stylesheets/items/_show.scss */
body.show header div {
/* line 9, ../../../app/stylesheets/items/_show.sass */
body.items-show header div {
text-align: left;
}
/* line 16, ../../../app/stylesheets/items/_show.scss */
body.show header a {
/* line 11, ../../../app/stylesheets/items/_show.sass */
body.items-show header a {
font-size: 75%;
margin-left: 1em;
}
/* line 22, ../../../app/stylesheets/items/_show.scss */
body.show #item-thumbnail {
/* line 14, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-thumbnail {
border: 1px solid #006600;
height: 80px;
margin-right: .5em;
margin-right: 0.5em;
width: 80px;
}
/* line 29, ../../../app/stylesheets/items/_show.scss */
body.show #item-name {
/* line 19, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-name {
margin-bottom: 0;
}
/* line 34, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview div {
/* line 22, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview div {
float: left;
}
/* line 39, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species {
/* line 24, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species {
width: 400px;
}
/* line 42, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species a, body.show #item-preview-species img {
/* line 26, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species a, body.items-show #item-preview-species img {
height: 50px;
width: 50px;
}
/* line 47, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species a {
/* line 29, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species a {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
@ -163,49 +160,49 @@ body.show #item-preview-species a {
*display: inline;
*vertical-align: auto;
}
/* line 50, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species a.current {
/* line 31, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species a.current {
background: #eeffee;
outline: 1px solid #006600;
}
/* line 55, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species a.deactivated {
/* line 34, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species a.deactivated {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
background: #fbe3e4;
}
/* line 60, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-species a.deactivated.current {
/* line 39, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-species a.deactivated.current {
outline-color: #fbc2c4;
}
/* line 67, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-error {
/* line 41, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-error {
display: none;
padding: 20px 10px 0;
width: 380px;
}
/* line 73, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-swf {
/* line 45, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-swf {
height: 300px;
overflow: hidden;
width: 300px;
}
/* line 79, ../../../app/stylesheets/items/_show.scss */
body.show #item-zones {
/* line 49, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-zones {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-size: 85%;
}
/* line 85, ../../../app/stylesheets/items/_show.scss */
body.show #item-zones p:first-child {
margin-bottom: .25em;
/* line 53, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-zones p:first-child {
margin-bottom: 0.25em;
}
/* line 90, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-header {
/* line 55, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-header {
margin-top: 3em;
}
/* line 93, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-header h3, body.show #item-preview-header a {
/* line 57, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-header h3, body.items-show #item-preview-header a {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
@ -213,13 +210,13 @@ body.show #item-preview-header h3, body.show #item-preview-header a {
*display: inline;
*vertical-align: auto;
}
/* line 97, ../../../app/stylesheets/items/_show.scss */
body.show #item-preview-header a {
/* line 59, ../../../app/stylesheets/items/_show.sass */
body.items-show #item-preview-header a {
font-size: 85%;
margin: -1.5em 0 0 1em;
}
/* line 103, ../../../app/stylesheets/items/_show.scss */
body.show .nc-icon {
/* line 62, ../../../app/stylesheets/items/_show.sass */
body.items-show .nc-icon {
height: 16px;
width: 16px;
}