47 lines
822 B
JavaScript
47 lines
822 B
JavaScript
|
const {DOM} = Gale({
|
||
|
|
Button: {
|
||
|
|
padding: "20px",
|
||
|
|
background: "orange",
|
||
|
|
".Inner": {
|
||
|
|
fontSize: "10rem"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Outline: {
|
||
|
|
border: "2px solid orange"
|
||
|
|
},
|
||
|
|
Window:{
|
||
|
|
height: "100vh",
|
||
|
|
border: "2px solid black",
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "row",
|
||
|
|
alignItems: "end",
|
||
|
|
justifyContent: "center",
|
||
|
|
gap: "10px"
|
||
|
|
},
|
||
|
|
Ability:{
|
||
|
|
width: "50px",
|
||
|
|
height: "50px",
|
||
|
|
background: "red",
|
||
|
|
transition: "all 0.4s",
|
||
|
|
":hover":{
|
||
|
|
transform:"scale(1.1)"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
Orange:{
|
||
|
|
background:"orange"
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
const UI =()=>
|
||
|
|
{
|
||
|
|
return DOM.div.Window(
|
||
|
|
DOM.div.Ability(),
|
||
|
|
DOM.div.Ability(),
|
||
|
|
DOM.div.Ability(),
|
||
|
|
DOM.div.Ability.Orange(),
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
van.add(document.body, UI());
|