You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
174 lines
3.5 KiB
Sass
174 lines
3.5 KiB
Sass
6 years ago
|
// Margin and padding resets
|
||
|
*
|
||
|
text-rendering: geometricPrecision
|
||
|
html
|
||
|
font-family: sans-serif
|
||
|
-ms-text-size-adjust: 100%
|
||
|
-webkit-text-size-adjust: 100%
|
||
|
margin: 0
|
||
|
padding: 0
|
||
|
border: 0
|
||
|
font-size: 100%
|
||
|
font: inherit
|
||
|
vertical-align: baseline
|
||
|
outline: none
|
||
|
box-sizing: border-box
|
||
|
overflow-x: hidden
|
||
|
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,
|
||
|
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, ruby,
|
||
|
section, summary, time, mark, audio, video
|
||
|
margin: 0
|
||
|
padding: 0
|
||
|
border: 0
|
||
|
font-size: 100%
|
||
|
font: inherit
|
||
|
vertical-align: baseline
|
||
|
outline: none
|
||
|
box-sizing: border-box
|
||
|
//* HTML5 display definitions
|
||
|
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary
|
||
|
display: block
|
||
|
box-sizing: border-box
|
||
|
audio, canvas, progress, video
|
||
|
display: inline-block
|
||
|
vertical-align: baseline
|
||
|
audio:not([controls])
|
||
|
display: none
|
||
|
height: 0
|
||
|
[hidden], template
|
||
|
display: none
|
||
|
//* Links
|
||
|
a
|
||
|
background: transparent
|
||
|
text-decoration: none
|
||
|
&:active, &:hover
|
||
|
outline: 0
|
||
|
text-decoration: none
|
||
|
//* Lists
|
||
|
ol, ul
|
||
|
list-style: none
|
||
|
margin: 0px
|
||
|
padding: 0px
|
||
|
//* Text-level semantics
|
||
|
abbr[title]
|
||
|
border-bottom: 1px dotted
|
||
|
b, strong
|
||
|
font-weight: bold
|
||
|
dfn
|
||
|
font-style: italic
|
||
|
mark
|
||
|
background: #ff0
|
||
|
color: #000
|
||
|
small
|
||
|
font-size: 80%
|
||
|
sub
|
||
|
font-size: 75%
|
||
|
line-height: 0
|
||
|
position: relative
|
||
|
vertical-align: baseline
|
||
|
sup
|
||
|
font-size: 75%
|
||
|
line-height: 0
|
||
|
position: relative
|
||
|
vertical-align: baseline
|
||
|
top: -0.5em
|
||
|
sub
|
||
|
bottom: -0.25em
|
||
|
//* Embedded content
|
||
|
img
|
||
|
border: 0
|
||
|
max-width: 100%
|
||
|
svg:not(:root)
|
||
|
overflow: hidden
|
||
|
figure
|
||
|
margin: 1em 40px
|
||
|
hr
|
||
|
-moz-box-sizing: content-box
|
||
|
box-sizing: content-box
|
||
|
height: 0
|
||
|
pre
|
||
|
overflow: auto
|
||
|
code, kbd, pre, samp
|
||
|
font-family: monospace, monospace
|
||
|
font-size: 100%
|
||
|
//* Forms
|
||
|
button, input, optgroup, select, textarea
|
||
|
color: inherit
|
||
|
font: inherit
|
||
|
margin: 0
|
||
|
outline: none
|
||
|
button
|
||
|
overflow: visible
|
||
|
text-transform: none
|
||
|
select
|
||
|
text-transform: none
|
||
|
button, html input[type="button"]
|
||
|
-webkit-appearance: button
|
||
|
cursor: pointer
|
||
|
input
|
||
|
&[type="reset"], &[type="submit"]
|
||
|
-webkit-appearance: button
|
||
|
cursor: pointer
|
||
|
button[disabled], html input[disabled]
|
||
|
cursor: default
|
||
|
button::-moz-focus-inner
|
||
|
border: 0
|
||
|
padding: 0
|
||
|
input
|
||
|
&::-moz-focus-inner
|
||
|
border: 0
|
||
|
padding: 0
|
||
|
line-height: normal
|
||
|
outline: none
|
||
|
&[type="checkbox"], &[type="radio"]
|
||
|
box-sizing: border-box
|
||
|
padding: 0
|
||
|
&[type="number"]
|
||
|
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button
|
||
|
height: auto
|
||
|
&[type="search"]
|
||
|
-webkit-appearance: textfield
|
||
|
-moz-box-sizing: content-box
|
||
|
-webkit-box-sizing: content-box
|
||
|
box-sizing: content-box
|
||
|
&::-webkit-search-cancel-button, &::-webkit-search-decoration
|
||
|
-webkit-appearance: none
|
||
|
fieldset
|
||
|
border: none
|
||
|
margin: 0
|
||
|
padding: 0
|
||
|
legend
|
||
|
border: 0
|
||
|
padding: 0
|
||
|
textarea
|
||
|
overflow: auto
|
||
|
optgroup
|
||
|
font-weight: bold
|
||
|
blockquote, q
|
||
|
quotes: none
|
||
|
blockquote
|
||
|
&:before, &:after
|
||
|
content: ''
|
||
|
content: none
|
||
|
q
|
||
|
&:before, &:after
|
||
|
content: ''
|
||
|
content: none
|
||
|
// Tables
|
||
|
table
|
||
|
border-collapse: collapse
|
||
|
border-spacing: 0
|
||
|
td, th
|
||
|
padding: 0
|
||
|
body
|
||
|
overflow: hidden
|
||
|
html,
|
||
|
width: 100%
|
||
|
overflow-x: hidden
|
||
|
em
|
||
|
font-style: italic
|