diff --git a/styles/reset.scarlet b/styles/reset.scarlet index a93e2791..91e67972 100644 --- a/styles/reset.scarlet +++ b/styles/reset.scarlet @@ -1,46 +1,32 @@ -html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 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, ruby, section, summary, time, mark, audio, video, main - outline 0 +// Default styles for all elements. +* + margin 0 + padding 0 border 0 - font-size 100% + outline 0 + box-sizing inherit font inherit - vertical-align baseline - background transparent +// Set root element to use border-box sizing, +// all sub-elements will inherit this property. html box-sizing border-box +// Make sure that textarea is resized vertically only textarea resize vertical -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section - display block - +// Set default line height and font smoothing body line-height 1 -webkit-font-smoothing antialiased -moz-osx-font-smoothing grayscale -ol, ul - list-style none - -blockquote, q - quotes none - -blockquote:before, blockquote:after, q:before, q:after - content '' - content none - +// Without this, table borders aren't shown table border-collapse collapse border-spacing 0 +// Align these elements in the vertical center of the text flow audio, canvas, img, video, input, select vertical-align middle - -:focus - outline 0 - -* - margin 0 - padding 0 - box-sizing inherit \ No newline at end of file diff --git a/styles/typography.scarlet b/styles/typography.scarlet index 1f652ba0..dd22fa3c 100644 --- a/styles/typography.scarlet +++ b/styles/typography.scarlet @@ -38,6 +38,7 @@ p .furigana opacity 0.25 + font-size 50% transition opacity transition-speed ease, transform transition-speed ease transform translateY(0)