31c133c961
commit 29a8d150c7e993c5379bf974ff75da9388ff1f37
Author: Christian Montoya <sirokai@gmail.com>
Date: Tue Sep 14 17:10:53 2010 -0400
Fixing reset.css, preventing table cell floating
84 lines
2.8 KiB
SCSS
84 lines
2.8 KiB
SCSS
// Global reset rules.
|
|
// For more specific resets, use the reset mixins provided below
|
|
@mixin blueprint-global-reset {
|
|
html { @include blueprint-reset-box-model; }
|
|
body { @extend .bp-reset-element; }
|
|
@include 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.
|
|
@mixin blueprint-nested-reset {
|
|
.bp-reset-element,
|
|
div, span, object, iframe, 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 { @include blueprint-basic-reset; }
|
|
#{headers(all)} { @include blueprint-basic-reset(bp-reset-element); }
|
|
#{elements-of-type(html5)} { @include blueprint-reset-html5-element(bp-reset-element); }
|
|
blockquote, q { @include blueprint-reset-quotation(bp-reset-element); }
|
|
th, td, caption { @include blueprint-reset-table-cell(bp-reset-element); }
|
|
table { @include blueprint-reset-table(bp-reset-element); }
|
|
a img { border: none; }
|
|
}
|
|
|
|
@mixin blueprint-reset-html5-element($reset-base-class: false) {
|
|
@if $reset-base-class { @extend .#{$reset-base-class}; }
|
|
@else { @include blueprint-reset; }
|
|
display: block;
|
|
}
|
|
|
|
@mixin blueprint-reset-box-model {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
@mixin blueprint-reset {
|
|
@warn "The blueprint-reset mixin is deprecated. Please use blueprint-basic-reset instead.";
|
|
@include blueprint-basic-reset;
|
|
}
|
|
|
|
@mixin blueprint-basic-reset($reset-base-class: false) {
|
|
@if $reset-base-class {
|
|
@extend .#{$reset-base-class};
|
|
} @else {
|
|
@include blueprint-reset-box-model;
|
|
@include blueprint-reset-typography;
|
|
}
|
|
}
|
|
|
|
@mixin blueprint-reset-typography {
|
|
font: {
|
|
weight: inherit;
|
|
style: inherit;
|
|
size: 100%;
|
|
family: inherit; };
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
@mixin blueprint-reset-quotation($reset-base-class: false) {
|
|
@if $reset-base-class { @extend .#{$reset-base-class}; }
|
|
@else { @include blueprint-reset; }
|
|
quotes: "" "";
|
|
&:before,
|
|
&:after {
|
|
content: ""; } }
|
|
|
|
@mixin blueprint-reset-table-cell($reset-base-class: false) {
|
|
@if $reset-base-class { @extend .#{$reset-base-class}; }
|
|
@else { @include blueprint-reset; }
|
|
float: none !important;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
vertical-align: middle; }
|
|
|
|
@mixin blueprint-reset-table($reset-base-class: false) {
|
|
@if $reset-base-class { @extend .#{$reset-base-class}; }
|
|
@else { @include blueprint-reset; }
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
vertical-align: middle; }
|