Skip to content

Commit b593490

Browse files
feleventhfeleventh
committed
blog add scss
blog add scss
1 parent 116441a commit b593490

1 file changed

Lines changed: 81 additions & 0 deletions

File tree

‎_posts/2016-10-24-react-caculator.md‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,87 @@ introduction: "react初体验——使用reactjs制作简易计算器web app"
8989
</script>
9090
</body>
9191
</html>
92+
<!--
93+
* {
94+
margin: 0;
95+
padding: 0;
96+
}
97+
html{
98+
font-size: 62.5%;
99+
font-family: "Microsoft YaHei UI";
100+
height: 100%;
101+
}
102+
body{
103+
font-size: 62.5%;
104+
height: 100%;
105+
}
106+
input,button,textarea{
107+
outline: none;
108+
}
109+
110+
.container{
111+
position: absolute;
112+
top: 0;
113+
right: 0;
114+
bottom: 0;
115+
left: 0;
116+
}
117+
118+
.page{
119+
box-shadow: inset 0 0 .5rem .5rem #666;
120+
position: relative;
121+
padding: 1rem;
122+
width: 20rem;
123+
height: 33rem;
124+
margin: 2rem auto;
125+
&::after{
126+
content: 'feleventh';
127+
display: block;
128+
position: absolute;
129+
top: .5rem;
130+
right: .5rem;
131+
}
132+
}
133+
.screen{
134+
width: 20rem;
135+
height: 6rem;
136+
box-shadow: inset 0 0 .2rem .2rem #666;
137+
margin: 1rem 0 0;
138+
input{
139+
width: 18rem;
140+
height: 4rem;
141+
border: none;
142+
padding: .5rem;
143+
margin: .5rem;
144+
text-align: right;
145+
font-size: 2rem;
146+
}
147+
}
148+
.key-container{
149+
width: 20rem;
150+
height: 25rem;
151+
position: relative;
152+
}
153+
button{
154+
width: 5rem;
155+
height: 5rem;
156+
box-shadow: inset 0 0 .4rem .5rem #666;
157+
border-radius: .4rem;
158+
background: #fff;
159+
font-size: 2rem;
160+
cursor: pointer;
161+
}
162+
.key-wrap{
163+
position: absolute;
164+
top: .5rem;
165+
left: 0;
166+
width: 20rem;
167+
height: 20rem;
168+
.key-clear,.key-enter,.key-0{
169+
width: 10rem;
170+
}
171+
}
172+
-->
92173
```
93174

94175

0 commit comments

Comments
 (0)