Browse Source

nuke the long list of elements, go with * for easy reset

pull/89/head
Mark Otto 12 years ago
parent
commit
4ce4426a8f
  1. 125
      dist/ratchet.css

125
dist/ratchet.css vendored

@ -9,83 +9,7 @@
/* Hard reset /* Hard reset
-------------------------------------------------- */ -------------------------------------------------- */
html, * {
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
audio,
video {
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
@ -129,8 +53,8 @@ a {
background: #fff; background: #fff;
-webkit-transition-property: top, bottom; -webkit-transition-property: top, bottom;
transition-property: top, bottom; transition-property: top, bottom;
-webkit-transition-duration: .2s, .2s; -webkit-transition-duration: .2s, .2s;
transition-duration: .2s, .2s; transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, linear; -webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear; transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -158,9 +82,7 @@ a {
} }
.bar-header-secondary ~ .content { .bar-header-secondary ~ .content {
top: 88px; top: 88px;
} }/* General bar styles
/* General bar styles
-------------------------------------------------- */ -------------------------------------------------- */
[class*="bar-"] { [class*="bar-"] {
@ -542,6 +464,7 @@ a {
border-bottom-width: 0; border-bottom-width: 0;
} }
/* List dividers /* List dividers
-------------------------------------------------- */ -------------------------------------------------- */
@ -604,9 +527,7 @@ a {
.list .toggle { .list .toggle {
margin-top: -15px; /* Half height of toggle */ margin-top: -15px; /* Half height of toggle */
} }/* Forms
/* Forms
-------------------------------------------------- */ -------------------------------------------------- */
/* Force form elements to inherit font styles */ /* Force form elements to inherit font styles */
@ -725,9 +646,7 @@ select {
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
border-bottom: 0; border-bottom: 0;
} }/* General button styles
/* General button styles
-------------------------------------------------- */ -------------------------------------------------- */
[class*="button"] { [class*="button"] {
@ -847,9 +766,7 @@ select {
padding-top: 4px; padding-top: 4px;
padding-bottom: 4px; padding-bottom: 4px;
margin-right: 10px; margin-right: 10px;
} }/* Chevrons
/* Chevrons
-------------------------------------------------- */ -------------------------------------------------- */
.chevron { .chevron {
@ -878,9 +795,7 @@ select {
top: 7px; top: 7px;
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }/* General count styles
/* General count styles
-------------------------------------------------- */ -------------------------------------------------- */
[class*="count"] { [class*="count"] {
@ -924,9 +839,7 @@ select {
background-color: #e71e1e; background-color: #e71e1e;
background-image: -webkit-linear-gradient(top, #e71e1e 0,#c71a1a 100%); background-image: -webkit-linear-gradient(top, #e71e1e 0,#c71a1a 100%);
background-image: linear-gradient(to bottom, #e71e1e 0, #c71a1a 100%); background-image: linear-gradient(to bottom, #e71e1e 0, #c71a1a 100%);
} }/* Segmented controllers
/* Segmented controllers
-------------------------------------------------- */ -------------------------------------------------- */
.segmented-controller { .segmented-controller {
@ -987,9 +900,7 @@ select {
.segmented-controller-item.active { .segmented-controller-item.active {
display: block; display: block;
} }/* Popovers (to be used with popovers.js)
/* Popovers (to be used with popovers.js)
-------------------------------------------------- */ -------------------------------------------------- */
.popover { .popover {
@ -1141,9 +1052,7 @@ select {
border: 1px solid #000; border: 1px solid #000;
border-radius: 3px; border-radius: 3px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }/* Slider styles (to be used with sliders.js)
/* Slider styles (to be used with sliders.js)
-------------------------------------------------- */ -------------------------------------------------- */
/* Width/height of slider */ /* Width/height of slider */
@ -1172,16 +1081,14 @@ select {
.slider > ul > li { .slider > ul > li {
display: inline-block; display: inline-block;
vertical-align: top; /* Ensure that li always aligns to top */ vertical-align: top; /* Ensure that li always aligns to top */
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
/* Required reset of font-size to same as standard body */ /* Required reset of font-size to same as standard body */
.slider > ul > li > * { .slider > ul > li > * {
font-size: 14px; font-size: 14px;
} }/* Toggle styles (to be used with toggles.js)
/* Toggle styles (to be used with toggles.js)
-------------------------------------------------- */ -------------------------------------------------- */
.toggle { .toggle {
@ -1246,9 +1153,7 @@ select {
color: #fff; color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.25); text-shadow: 0 -1px rgba(0, 0, 0, 0.25);
content: "On"; content: "On";
} }/* Push styles (to be used with push.js)
/* Push styles (to be used with push.js)
-------------------------------------------------- */ -------------------------------------------------- */
/* Fade animation */ /* Fade animation */

Loading…
Cancel
Save