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

[Compass Core] [Blueprint] The compass reset is now based on Eric Meyer's reset. The old compass/reset.sass was moved to blueprint/reset.sass -- the original source for it.

Browse Source
This commit is contained in:
Noel Gomez 2009-06-16 12:29:14 -07:00 committed by Chris Eppstein
parent 63075f82db
commit 2126240a1a
8 changed files with 177 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/blueprint_semantic/src/liquid.sass
View File

@ -53,7 +53,7 @@ body#sample
:margin-top 0
:padding-top 0
em.caps
+reset
+reset-font
+caps
#nested-1
+column(7)
@ -64,7 +64,7 @@ body#sample
+column(7, true)
h3
em
+reset
+reset-font
+alt
#parting-thought
+alt

4
examples/blueprint_semantic/src/screen.sass
View File

@ -54,7 +54,7 @@ body#sample
:margin-top 0
:padding-top 0
em.caps
+reset
+reset-font
+caps
#nested-1
+column(7)
@ -65,7 +65,7 @@ body#sample
+column(7, true)
h3
em
+reset
+reset-font
+alt
#parting-thought
+alt

3
frameworks/blueprint/stylesheets/blueprint/_reset.sass Normal file
View File

@ -0,0 +1,3 @@
@import modules/reset.sass
+blueprint-global-reset

56
frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass Normal file
View File

@ -0,0 +1,56 @@
// Global reset rules.
// For more specific resets, use the reset mixins provided below
=blueprint-global-reset
html, body
+blueprint-reset
+blueprint-nested-reset
// Reset all elements within some selector scope.To reset the selector itself,
// mixin the appropriate reset mixin for that element type as well. This could be
// useful if you want to style a part of your page in a dramatically different way.
=blueprint-nested-reset
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
+blueprint-reset
blockquote, q
+blueprint-reset-quotation
th, td, caption
+blueprint-reset-table-cell
table
+blueprint-reset-table
a img
:border none
=blueprint-reset-box-model
:margin 0
:padding 0
:border 0
=blueprint-reset
+blueprint-reset-box-model
:font
:weight inherit
:style inherit
:size 100%
:family inherit
:vertical-align baseline
=blueprint-reset-quotation
+blueprint-reset
:quotes "" ""
&:before,
&:after
:content ""
=blueprint-reset-table-cell
+blueprint-reset
:text-align left
:font-weight normal
:vertical-align middle
=blueprint-reset-table
+blueprint-reset
:border-collapse separate
:border-spacing 0
:vertical-align middle

2
frameworks/blueprint/templates/project/screen.sass
View File

@ -1,6 +1,6 @@
@import blueprint.sass
@import blueprint/modules/scaffolding.sass
@import compass/reset.sass
@import blueprint/reset.sass
+blueprint
// Remove the scaffolding when you're ready to start doing visual design.

107
frameworks/compass/stylesheets/compass/utilities/general/_reset.sass
View File

@ -1,10 +1,42 @@
// Based on Eric Meyer's reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
// Global reset rules.
// For more specific resets, use the reset mixins provided below
=global-reset
html, body
+reset
+nested-reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
+reset-box-model
+reset-font
*:focus
+reset-focus
body
+reset-body
ol, ul
+reset-list-style
/* tables still need 'cellspacing="0"' in the markup
table
+reset-table
caption, th, td
+reset-table-cell
q, blockquote
+reset-quotation
img a
+reset-image-anchor-border
// Reset all elements within some selector scope.To reset the selector itself,
// mixin the appropriate reset mixin for that element type as well. This could be
// useful if you want to style a part of your page in a dramatically different way.
@ -12,45 +44,62 @@
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
+reset
blockquote, q
+reset-quotation
th, td, caption
+reset-table-cell
+reset-box-model
+reset-font
/* tables still need 'cellspacing="0"' in the markup
table
+reset-table
a img
:border none
caption, th, td
+reset-table-cell
q, blockquote
+reset-quotation
img a
+reset-image-anchor-border
//Mixins partials
=reset-box-model
:margin 0
:padding 0
:border 0
=reset
+reset-box-model
:outline 0
=reset-font
:font
:weight inherit
:style inherit
:size 100%
:family inherit
:vertical-align baseline
=reset-quotation
+reset
:quotes "" ""
&:before,
&:after
:content ""
=reset-table-cell
+reset
:text-align left
:font-weight normal
:vertical-align middle
=reset-focus
:outline 0
=reset-body
:line-height 1em
:color = #000
:background #fff
=reset-list-style
:list-style none
=reset-table
+reset
:border-collapse separate
:border-spacing 0
:vertical-align middle
=reset-table-cell
:text-align left
:font-weight normal
:vertical-align middle
=reset-quotation
:quotes "" ""
&:before, &:after
:content ""
=reset-image-anchor-border
:border none

6
frameworks/compass/templates/project/screen.sass
View File

@ -5,3 +5,9 @@
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
@import compass/reset.sass
/*
The *:focus rule is reset and suppresses link outlining.
You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g.
*:focus
outline: #ccc dotted medium

75
test/fixtures/stylesheets/compass/css/reset.css vendored
View File

@ -1,64 +1,47 @@
html, body {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
*:focus {
outline: 0; }
blockquote, q {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
quotes: "" ""; }
blockquote:before, q:before,
blockquote:after, q:after {
content: ""; }
body {
line-height: 1em;
color: black;
background: #fff; }
th, td, caption {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-align: left;
font-weight: normal;
vertical-align: middle; }
ol, ul {
list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-collapse: separate;
border-spacing: 0;
vertical-align: middle; }
a img {
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after {
content: ""; }
img a {
border: none; }