What's In Our Reset
Semantic's default theme includes the latest Normalize CSS to provide a base line HTML reset. In addition, Semantic UI requires a Box-sizing reset, to make sure that elements handle width definitions in the same way.
Reset Options
The basic themes only includes the required box-sizing
reset and nothing else. The resetcss theme provides a version of Reset CSS, a less opinionated CSS reset.
Reset Test
html
should have sans-serif font family (opinionated)
body
should have no margin (opinionated)
article
, aside
, details
, figure
, figcaption
, footer
, header
, hgroup
, main
, nav
, section
, summary
should render as block
summary
detailsaudio
, canvas
, progress
, video
should render as inline-block and baseline-aligned
audio:not([controls])
, template
, [hidden]
should not display
{{title}}
This should be hidden
a
should have a transparent background when active
should not have a focus outline when both focused and hovered (opinionated)
abbr[title]
should have a dotted bottom border
b
, strong
should have bold font-weight
dfn
should have italic font-style
h1
should not change size within an article
Heading (control)
Heading (in article)
should not change size within a section
Heading (control)
Heading (in section)
mark
should have a yellow background
small
should render equally small in all browsers
sub
and sup
should not affect a line's visual line-height
control.
control. sub.
control. sup.
img
should not have a border when wrapped in an anchor
svg
should not overflow
figure
should have margins
hr
should have a content-box
box model
pre
should trigger a scrollbar when too wide for its container
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.
code
, kbd
, pre
, samp
should render em
-unit preformatted text at the same absolute size as normal text
code: abcdefghijklmnopqrstuvwxyz.
kbd: abcdefghijklmnopqrstuvwxyz.
samp: abcdefghijklmnopqrstuvwxyz.
pre: abcdefghijklmnopqrstuvwxyz.
button
, input
, optgroup
, select
, textarea
should inherit color
from ancestor
should inherit font
from ancestor
should not have margins
button
should have visible overflow
button
, select
should not inherit text-transform
button
and button-style input
should have pointer
cursor style
should be styleable
disabled button
and input
should have default
cursor style
button
, input
should not have extra inner padding in Firefox
input
should not inherit line-height
input[type="checkbox"]
, input[type="radio"]
should have a border-box
box model
should not have padding
input[type="number"]
should display a default cursor for the decrement button's click target in Chrome
input[type="search"]
should be styleable
should have a content-box
box model
should not have a cancel button in Safari or Chrome
fieldset
should have consistent border, padding, and margin
legend
should inherit color
should not have padding
textarea
should not have a scrollbar unless overflowing
table
should not have spaces between cells
Album | Year | Price |
---|---|---|
Album | Year | Price |
Are You Experienced | 1967 | $10.00 |
Axis: Bold as Love | 1967 | $12.00 |
Electric Ladyland | 1968 | $10.00 |
Band of Gypsies | 1970 | $12.00 |