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
// 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
|