mirror of
https://github.com/moparisthebest/kaiwa
synced 2025-02-16 15:10:11 -05:00
[ux] replace reset with normalize.css
This commit is contained in:
karolinaszczur
parent
90e4581b71
commit
f6d866c205
161
public/css/_normalize.styl
Normal file
161
public/css/_normalize.styl
Normal file
@ -0,0 +1,161 @@
|
||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||||
|
||||
article
|
||||
aside
|
||||
details
|
||||
figcaption
|
||||
figure
|
||||
footer
|
||||
header
|
||||
hgroup
|
||||
main
|
||||
nav
|
||||
section
|
||||
summary
|
||||
display: block
|
||||
|
||||
audio, canvas, video
|
||||
display: inline-block
|
||||
|
||||
audio:not([controls])
|
||||
display: none
|
||||
height: 0
|
||||
|
||||
[hidden],
|
||||
template
|
||||
display: none
|
||||
|
||||
html
|
||||
font-family: sans-serif
|
||||
-ms-text-size-adjust: 100%
|
||||
-webkit-text-size-adjust: 100%
|
||||
|
||||
body
|
||||
margin: 0
|
||||
|
||||
a
|
||||
background: transparent
|
||||
|
||||
a:focus
|
||||
outline: thin dotted
|
||||
|
||||
a:active,
|
||||
a:hover
|
||||
outline: 0
|
||||
|
||||
abbr[title]
|
||||
border-bottom: 1px dotted
|
||||
|
||||
dfn
|
||||
font-style: italic
|
||||
|
||||
hr
|
||||
-moz-box-sizing: content-box
|
||||
box-sizing: content-box
|
||||
height: 0
|
||||
|
||||
mark
|
||||
background: #ff0
|
||||
color: #000
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp
|
||||
font-family: monospace, serif
|
||||
font-size: 1em
|
||||
|
||||
pre
|
||||
white-space: pre-wrap
|
||||
|
||||
q
|
||||
quotes: "\201C" "\201D" "\2018" "\2019"
|
||||
|
||||
small
|
||||
font-size: 80%
|
||||
|
||||
sub,
|
||||
sup
|
||||
font-size: 75%
|
||||
line-height: 0
|
||||
position: relative
|
||||
vertical-align: baseline
|
||||
|
||||
sup
|
||||
top: -0.5em
|
||||
|
||||
sub
|
||||
bottom: -0.25em
|
||||
|
||||
img
|
||||
border: 0
|
||||
|
||||
svg:not(:root)
|
||||
overflow: hidden
|
||||
|
||||
figure
|
||||
margin: 0
|
||||
|
||||
fieldset
|
||||
border: 1px solid #c0c0c0
|
||||
margin: 0 2px
|
||||
padding: 0.35em 0.625em 0.75em
|
||||
|
||||
legend
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea
|
||||
font-family: inherit
|
||||
font-size: 100%
|
||||
margin: 0
|
||||
|
||||
button,
|
||||
input
|
||||
line-height: normal
|
||||
|
||||
button,
|
||||
select
|
||||
text-transform: none
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"]
|
||||
-webkit-appearance: button
|
||||
cursor: pointer
|
||||
|
||||
button[disabled],
|
||||
html input[disabled]
|
||||
cursor: default
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"]
|
||||
box-sizing: border-box
|
||||
padding: 0
|
||||
|
||||
input[type="search"]
|
||||
-webkit-appearance: textfield
|
||||
-moz-box-sizing: content-box
|
||||
-webkit-box-sizing: content-box
|
||||
box-sizing: content-box
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration
|
||||
-webkit-appearance: none
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
textarea
|
||||
overflow: auto
|
||||
vertical-align: top
|
||||
|
||||
table
|
||||
border-collapse: collapse
|
||||
border-spacing: 0
|
||||
@ -1,205 +0,0 @@
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
|
||||
display: block
|
||||
|
||||
audio, canvas, video
|
||||
display: inline-block
|
||||
*display: inline
|
||||
*zoom: 1
|
||||
|
||||
audio:not([controls])
|
||||
display: none
|
||||
|
||||
[hidden]
|
||||
display: none
|
||||
|
||||
html
|
||||
font-size: 100%
|
||||
-webkit-text-size-adjust: 100%
|
||||
-ms-text-size-adjust: 100%
|
||||
|
||||
html, button, input, select, textarea
|
||||
font-family: sans-serif
|
||||
color: #222
|
||||
|
||||
body
|
||||
margin: 0
|
||||
font-size: 1em
|
||||
line-height: 1.4
|
||||
|
||||
a
|
||||
color: #00e
|
||||
|
||||
a:visited
|
||||
color: #551a8b
|
||||
|
||||
a:hover
|
||||
color: #06e
|
||||
|
||||
a:focus
|
||||
outline: thin dotted
|
||||
|
||||
a:hover, a:active
|
||||
outline: 0
|
||||
|
||||
abbr[title]
|
||||
border-bottom: 1px dotted
|
||||
|
||||
b, strong
|
||||
font-weight: bold
|
||||
|
||||
blockquote
|
||||
margin: 1em 40px
|
||||
|
||||
dfn
|
||||
font-style: italic
|
||||
|
||||
hr
|
||||
display: block
|
||||
height: 1px
|
||||
border: 0
|
||||
border-top: 1px solid #ccc
|
||||
margin: 1em 0
|
||||
padding: 0
|
||||
|
||||
ins
|
||||
background: #ff9
|
||||
color: #000
|
||||
text-decoration: none
|
||||
|
||||
mark
|
||||
background: #ff0
|
||||
color: #000
|
||||
font-style: italic
|
||||
font-weight: bold
|
||||
|
||||
pre, code, kbd, samp
|
||||
font-family: monospace, serif
|
||||
_font-family: 'courier new', monospace
|
||||
font-size: 1em
|
||||
|
||||
pre
|
||||
white-space: pre-wrap
|
||||
word-wrap: break-word
|
||||
|
||||
q
|
||||
quotes: none
|
||||
|
||||
q:before, q:after
|
||||
content: none
|
||||
|
||||
small
|
||||
font-size: 85%
|
||||
|
||||
sub, sup
|
||||
font-size: 75%
|
||||
line-height: 0
|
||||
position: relative
|
||||
vertical-align: baseline
|
||||
|
||||
sup
|
||||
top: -0.5em
|
||||
|
||||
sub
|
||||
bottom: -0.25em
|
||||
|
||||
ul, ol
|
||||
margin: 1em 0
|
||||
padding: 0 0 0 40px
|
||||
|
||||
dd
|
||||
margin: 0 0 0 40px
|
||||
|
||||
nav ul, nav ol
|
||||
list-style: none
|
||||
list-style-image: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
img
|
||||
border: 0
|
||||
-ms-interpolation-mode: bicubic
|
||||
vertical-align: middle
|
||||
|
||||
svg:not(:root)
|
||||
overflow: hidden
|
||||
|
||||
figure
|
||||
margin: 0
|
||||
|
||||
form
|
||||
margin: 0
|
||||
|
||||
fieldset
|
||||
border: 0
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
label
|
||||
cursor: pointer
|
||||
|
||||
legend
|
||||
border: 0
|
||||
*margin-left: -7px
|
||||
padding: 0
|
||||
white-space: normal
|
||||
|
||||
button, input, select, textarea
|
||||
font-size: 100%
|
||||
margin: 0
|
||||
vertical-align: baseline
|
||||
*vertical-align: middle
|
||||
|
||||
button, input
|
||||
line-height: normal
|
||||
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"]
|
||||
cursor: pointer
|
||||
-webkit-appearance: button
|
||||
*overflow: visible
|
||||
|
||||
button[disabled], input[disabled]
|
||||
cursor: default
|
||||
|
||||
input[type="checkbox"], input[type="radio"]
|
||||
box-sizing: border-box
|
||||
padding: 0
|
||||
*width: 13px
|
||||
*height: 13px
|
||||
|
||||
input[type="search"]
|
||||
-webkit-appearance: textfield
|
||||
-moz-box-sizing: content-box
|
||||
-webkit-box-sizing: content-box
|
||||
box-sizing: content-box
|
||||
|
||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button
|
||||
-webkit-appearance: none
|
||||
|
||||
button::-moz-focus-inner, input::-moz-focus-inner
|
||||
border: 0
|
||||
padding: 0
|
||||
|
||||
textarea
|
||||
overflow: auto
|
||||
vertical-align: top
|
||||
resize: vertical
|
||||
|
||||
table
|
||||
border-collapse: collapse
|
||||
border-spacing: 0
|
||||
|
||||
td
|
||||
vertical-align: top
|
||||
|
||||
|
||||
.clearfix:before, .clearfix:after
|
||||
content: "\0020"
|
||||
display: block
|
||||
height: 0
|
||||
visibility: hidden
|
||||
|
||||
.clearfix:after
|
||||
clear: both
|
||||
|
||||
.clearfix
|
||||
zoom: 1
|
||||
@ -1,3 +1,4 @@
|
||||
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
@ -6,110 +7,73 @@ figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section {
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
[hidden] {
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
html,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif;
|
||||
color: #222;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
a {
|
||||
color: #00e;
|
||||
}
|
||||
a:visited {
|
||||
color: #551a8b;
|
||||
}
|
||||
a:hover {
|
||||
color: #06e;
|
||||
background: transparent;
|
||||
}
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
a:hover,
|
||||
a:active {
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
ins {
|
||||
background: #ff9;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
q:before,
|
||||
q:after {
|
||||
content: none;
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
small {
|
||||
font-size: 85%;
|
||||
font-size: 80%;
|
||||
}
|
||||
sub,
|
||||
sup {
|
||||
@ -124,25 +88,8 @@ sup {
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
ul,
|
||||
ol {
|
||||
margin: 1em 0;
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
dd {
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
nav ul,
|
||||
nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
img {
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
vertical-align: middle;
|
||||
}
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
@ -150,54 +97,46 @@ svg:not(:root) {
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
label {
|
||||
cursor: pointer;
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
legend {
|
||||
border: 0;
|
||||
*margin-left: -7px;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
vertical-align: baseline;
|
||||
*vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
button,
|
||||
input[type="button"],
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
cursor: pointer;
|
||||
-webkit-appearance: button;
|
||||
*overflow: visible;
|
||||
cursor: pointer;
|
||||
}
|
||||
button[disabled],
|
||||
input[disabled] {
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
*width: 13px;
|
||||
*height: 13px;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
@ -205,8 +144,8 @@ input[type="search"] {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
@ -217,28 +156,11 @@ input::-moz-focus-inner {
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top;
|
||||
resize: vertical;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
body {
|
||||
background: #fff;
|
||||
color: #565656;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@import '_reset'
|
||||
@import '_normalize'
|
||||
@import '_variables'
|
||||
@import '_mixins'
|
||||
@import 'app/layout'
|
||||
|
||||
Loading…
Reference in New Issue
Block a user