@will-lucena/vue-fortune-wheel-v2
Version:
Component "Wheel of Fortune" for Vue
230 lines (186 loc) • 3.86 kB
CSS
@charset "UTF-8";
/*
* reset
*/
@-ms-viewport {
width: device-width;
}
*, *::before, *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
}
body {
font-family: "PingFang SC", "Microsoft YaHei", Arial, "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif;
font-size: 1.4rem;
font-weight: normal;
line-height: 1.3;
color: #2A2A2A;
background-color: #fff;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
address {
font-style: normal;
line-height: inherit;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
pre, code, kbd, samp {
font-family: monospace;
font-size: 1em;
}
summary {
display: list-item;
}
fieldset {
min-width: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
ul, ol, dl {
list-style: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
a {
color: #111;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
input, button, select, optgroup, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
outline: 0;
}
button, input {
overflow: hidden;
border:1px solid #dcdcdc;
background:none;
}
button, select {
text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"], input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
template,[hidden] {
display: none ;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: bold;
line-height: 1.1;
color: inherit;
}