@v4fire/client/src/global/g-def/reset.styl

V4Fire client core library

/*!
 * V4Fire Client Core
 * https://github.com/V4Fire/Client
 *
 * Released under the MIT license
 * https://github.com/V4Fire/Client/blob/master/LICENSE
 */

@import "nib/reset"

/**
 * Resets form blocks
 */
reset-forms()
	// Known limitation: Chrome and Safari on OS X allow very limited
	// styling of `select`, unless a `border` property is set.
	button, input, optgroup, select, textarea
		margin 0 // Fix margins in FF 4+, Safari, and Chrome.
		padding 0
		font inherit // Correct font properties not being inherited.
		color inherit // Correct color not being inherited.

	button // Fix `overflow` set to `hidden` in IE 8/9/10/11.
		overflow visible
		background none

	button, select // Consistent text-transform across browsers.
		text-transform none

	// Fix WebKit bug in Android 4.0, inability to style clickable `input` in
	// iOS and improve usability and consistency of cursor style.
	button, html input[type="button"], input[type="reset"], input[type="submit"]
		cursor pointer

	// Reset default cursor for disabled elements.
	button[disabled], html input[disabled]
		cursor default

	// @stlint-disable
	// Fix the cursor style for Chrome's increment/decrement buttons.
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button
	// @stlint-enable
		height auto

	// Consistent appearance and box-sizing in Safari and Chrome.
	input[type="search"]
		box-sizing content-box

	// @stlint-disable
	// No inner padding and search cancel button in Safari and Chrome on OS X.
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration
	// @stlint-enable
		-webkit-appearance none

	legend // Hack to correct `color` not being inherited in IE 8/9/10/11.
		padding 0
		border 0

	textarea // Remove default vertical scrollbar in IE 8~11.
		overflow auto

/**
 * Generates rules for input css reset
 */
reset-input()
	display inline-block
	box-sizing border-box

	font-weight normal
	reset-box-model()

	vertical-align middle

	font-family BASE_FONT
	line-height 1
	text-align left
	text-decoration none
	text-indent 0

	border-spacing 0
	background-color transparent
	white-space normal

	&:focus
		-webkit-tap-highlight-color transparent
		outline 0

html, body, div, span, applet, object, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	reset-box-model()
	reset-font()

ol, ul
	list-style none

table
	reset-table()

caption, th, td
	reset-table-cell()

a, .a
	img
		border 0

html
	box-sizing border-box
	font-family BASE_FONT

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

reset-html5()
reset-forms()

.a
	cursor pointer
	reset-input()