dan63
/
html-js-css-clocks
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css for phones

This commit is contained in:
dan63047 2021-01-25 19:39:49 +03:00
parent f8c3a04a98
commit d41dd6b29b
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
main.css
View File

@ -19,8 +19,9 @@ button{
border: none; border: none;
color: #fff; color: #fff;
} }
#s_start, #s_reset{ #s_start, #s_reset, #timer_button{
width: 5vw; height: 42px;
width: 42px;
} }
.select{ .select{
display: flex; display: flex;
@ -47,14 +48,14 @@ button{
display: block; display: block;
} }
.time{ .time{
font-size: 8em; font-size: 12vw;
margin: 0; margin: 0;
} }
#main_time, #main_sw, #main_t{ #main_time, #main_sw, #main_t{
margin: 0; margin: 0;
} }
#msec_time, #msec_sw, #msec_t{ #msec_time, #msec_sw, #msec_t{
font-size: 2rem; font-size: 2vw;
margin: 0; margin: 0;
} }
#date{ #date{
@ -65,10 +66,6 @@ button{
display: flex; display: flex;
align-items: center; align-items: center;
} }
#timer_button{
height: 42px;
width: 42px;
}
.timer_input{ .timer_input{
width: 30px; width: 30px;
background: none; background: none;