Stylus port of _reboot.scss

reboot.styl

$font-family-sans-serif = -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif
$font-family-serif = Georgia, "Times New Roman", Times, serif
$font-family-monospace = Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace

$font-size-root ?= 16px
$font-family-base = $font-family-sans-serif
$font-size-base ?= 1rem
$line-height-base ?= 1.5
$body-color ?= #111
$body-bg ?= #FFF
$abbr-border-color ?= #111
$dt-font-weight ?= bold
$link-color ?= #11e
$link-decoration ?= none
$table-bg ?= transparent
$table-cell-padding ?= .75rem
$text-muted ?= #777

html
	box-sizing border-box

*,
*::before,
*::after
	box-sizing inherit

@-ms-viewport
	width device-width


html
	font-size $font-size-root
	-ms-overflow-style scrollbar
	-webkit-tap-highlight-color rgba(0, 0, 0, 0)

body
	font-family $font-family-base
	font-size $font-size-base
	line-height $line-height-base
	color $body-color
	background-color $body-bg

[tabindex="-1"]:focus
	outline none !important

h1, h2, h3, h4, h5, h6
	margin-top 0
	margin-bottom .5rem

p
	margin-top 0
	margin-bottom 1rem

abbr[title],
abbr[data-original-title]
	cursor help
	border-bottom 1px dotted $abbr-border-color

address
	margin-bottom 1rem
	font-style normal
	line-height inherit

ol,
ul,
dl
	margin-top 0
	margin-bottom 1rem

ol ol,
ul ul,
ol ul,
ul ol
	margin-bottom 0

dt
	font-weight $dt-font-weight

dd
	margin-bottom .5rem
	margin-left 0

blockquote
	margin 0 0 1rem

a
	color $link-color
	text-decoration $link-decoration
	hover-focus()
	&:focus
		tab-focus()

a:not([href])
	color inherit
	text-decoration none
	hover-focus()
	&:focus
		outline none

pre
	margin-top 0
	margin-bottom 1rem

figure
	margin 0 0 1rem

img
	vertical-align middle

[role="button"]
	cursor pointer

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea
	touch-action manipulation

table
	background-color $table-bg

caption
	padding-top $table-cell-padding
	padding-bottom $table-cell-padding
	color $text-muted
	text-align left
	caption-side bottom

th
	text-align left

label
	display inline-block
	margin-bottom .5rem

button:focus
	outline 1px dotted
	outline 5px auto -webkit-focus-ring-color

input,
button,
select,
textarea
	margin 0
	line-height inherit
	border-radius 0

textarea
	resize vertical

fieldset
	min-width 0
	padding 0
	margin 0
	border 0

legend
	display block
	width 100%
	padding 0
	margin-bottom .5rem
	font-size 1.5rem
	line-height inherit

input[type="search"]
	-webkit-appearance none

output
	display inline-block

[hidden]
	display none !important