hel-tpl-remote-react-comps-ts
Version:
最简单的远程react组件模板(ts) codesandbox: https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0?file=/src/App.js
51 lines (42 loc) • 806 B
CSS
/* @helstart hel-tpl-remote-react-comps-ts @helend */
/* TODO: use webpack style plugin to mark where the style content comes from */
body {
background-color: blue;
}
.App {
text-align: center;
border: 23px solid red;
}
.MarkRemotComp {
background-color: red;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}