Skip to content

Instantly share code, notes, and snippets.

@eXon
Last active April 29, 2017 16:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eXon/be8e8f0ac0292fb9a8bbd23e3a4893ee to your computer and use it in GitHub Desktop.
Save eXon/be8e8f0ac0292fb9a8bbd23e3a4893ee to your computer and use it in GitHub Desktop.
CSS complete reset
// This is a different extension so we don't include it within our style.css when extracting CSS, instead we require it only if the browser is IE/edge
:global {
body {
background: red;
}
#RestoNGo-App, #RestoNGo-App * {
align-content: normal;
align-items: normal;
align-self: normal;
alignment-baseline: auto;
animation-delay: 0s;
animation-direction: normal;
animation-duration: 0s;
animation-fill-mode: none;
animation-iteration-count: 1;
animation-name: none;
animation-play-state: running;
animation-timing-function: ease;
backface-visibility: visible;
background-attachment: scroll;
background-blend-mode: normal;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat-x: repeat;
background-repeat-y: repeat;
background-size: auto;
baseline-shift: 0px;
block-size: auto;
border-bottom-color: rgb(0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
break-after: auto;
break-before: auto;
break-inside: auto;
buffered-rendering: auto;
caption-side: top;
caret-color: rgb(0, 0, 0);
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: rgb(0, 0, 0);
color-interpolation: sRGB;
color-interpolation-filters: linearRGB;
color-rendering: auto;
column-count: auto;
column-fill: balance;
column-gap: normal;
column-rule-color: rgb(0, 0, 0);
column-rule-style: none;
column-rule-width: 0px;
column-span: none;
column-width: auto;
contain: none;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
cx: 0px;
cy: 0px;
d: none;
direction: ltr;
display: inline;
dominant-baseline: auto;
empty-cells: show;
fill: rgb(0, 0, 0);
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
flex-basis: auto;
flex-direction: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: "Times New Roman";
font-feature-settings: normal;
font-kerning: auto;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: normal;
grid-auto-columns: auto;
grid-auto-flow: row;
grid-auto-rows: auto;
grid-column-end: auto;
grid-column-gap: 0px;
grid-column-start: auto;
grid-row-end: auto;
grid-row-gap: 0px;
grid-row-start: auto;
grid-template-areas: none;
grid-template-columns: none;
grid-template-rows: none;
height: auto;
hyphens: manual;
image-rendering: auto;
inline-size: auto;
isolation: auto;
justify-content: normal;
justify-items: normal;
justify-self: normal;
left: auto;
letter-spacing: normal;
lighting-color: rgb(255, 255, 255);
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-block-size: none;
max-height: none;
max-inline-size: none;
max-width: none;
min-block-size: 0px;
min-height: 0px;
min-inline-size: 0px;
min-width: 0px;
mix-blend-mode: normal;
object-fit: fill;
object-position: 50% 50%;
offset-distance: 0px;
offset-path: none;
offset-rotate: auto 0deg;
offset-rotation: auto 0deg;
opacity: 1;
order: 0;
orphans: 2;
outline-color: rgb(0, 0, 0);
outline-offset: 0px;
outline-style: none;
outline-width: 0px;
overflow-anchor: auto;
overflow-wrap: normal;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
paint-order: fill stroke markers;
perspective: none;
perspective-origin: 0px 0px;
pointer-events: auto;
position: static;
r: 0px;
resize: none;
right: auto;
rx: auto;
ry: auto;
shape-image-threshold: 0;
shape-margin: 0px;
shape-outside: none;
shape-rendering: auto;
speak: normal;
stop-color: rgb(0, 0, 0);
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0px;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1px;
tab-size: 8;
table-layout: auto;
text-align: start;
text-align-last: auto;
text-anchor: start;
text-combine-upright: none;
text-decoration-color: rgb(0, 0, 0);
text-decoration-line: none;
text-decoration-skip: objects;
text-decoration-style: solid;
text-indent: 0px;
text-orientation: mixed;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-size-adjust: auto;
text-transform: none;
text-underline-position: auto;
top: auto;
touch-action: auto;
transform: none;
transform-origin: 50% 50%;
transform-style: flat;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;
unicode-bidi: normal;
user-select: text;
vector-effect: none;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: auto;
will-change: auto;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: horizontal-tb;
x: 0px;
y: 0px;
z-index: auto;
zoom: 1;
}
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
:global {
html.restongo-order-open {
// Hide the scrollbar when we are in the order
overflow: hidden;
body {
overflow: hidden;
}
#restongo-order {
top: 0;
}
}
#RestoNGo-App, #RestoNGo-App * {
all: initial;
}
// div#RestoNGo-App makes sure we override IE reset rules
div#RestoNGo-App, div#RestoNGo-App div, div#RestoNGo-App h1, div#RestoNGo-App h2, div#RestoNGo-App h3 {
display: block;
}
div#RestoNGo-App {
font-size: 16px;
}
div#RestoNGo-App h1 {
font-size: 1.4em;
}
div#RestoNGo-App h2 {
font-size: 1.3em;
}
div#RestoNGo-App h3 {
font-size: 1.2em;
margin-bottom: 10px;
}
div#RestoNGo-App input[type="checkbox"] {
-moz-appearance: checkbox;
-webkit-appearance: checkbox;
margin: 3px 3px 3px 4px;
}
div#RestoNGo-App label {
cursor: default;
}
div#RestoNGo-App a, div#RestoNGo-App button {
cursor: pointer;
}
div#RestoNGo-App select {
white-space: nowrap;
-moz-appearance: menulist;
-webkit-appearance: menulist;
}
div#RestoNGo-App textarea {
-moz-appearance: textarea;
-webkit-appearance: textarea;
background-color: white;
user-select: text;
resize: auto;
white-space: pre-wrap;
word-wrap: break-word;
border-width: 1px;
border-style: solid;
border-color: initial;
border-image: initial;
padding: 2px;
font-family: monospace;
border-color: rgb(169, 169, 169);
}
div#RestoNGo-App * {
color: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
box-sizing: border-box;
opacity: inherit;
cursor: inherit;
visibility: inherit;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment