53 lines
868 B
SCSS
53 lines
868 B
SCSS
|
|
.clock {
|
|
border-radius: 20px;
|
|
padding: 10px;
|
|
background: rgba(40, 31, 30, 0.5)
|
|
}
|
|
|
|
|
|
.analog-clock {
|
|
margin: 10px;
|
|
background: #362a28;
|
|
border-radius: 100%;
|
|
border: 7px solid #362a28;
|
|
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
|
|
inset -4px -4px 10px rgba(54,42,40,0.5),
|
|
4px 4px 10px rgba(0,0,0,0.3);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
.time-container {
|
|
margin-top: 20px;
|
|
margin-left: 10px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
|
|
.time {
|
|
padding: 10px;
|
|
margin-left: 0px;
|
|
margin-right: 5px;
|
|
background: rgba(54,42,40,1.0);
|
|
border-radius: 10px;
|
|
color: #FFA500;
|
|
|
|
}
|
|
|
|
.date {
|
|
padding: 10px;
|
|
margin: 5px 20px 0px 10px;
|
|
background: rgba(54,42,40,1.0);
|
|
border-radius: 10px;
|
|
color: #FFA500;
|
|
}
|
|
|
|
.analog-minutes {
|
|
color: #FFA500;
|
|
}
|
|
|
|
.analog-hours {
|
|
color: #FFA500;
|
|
}
|
|
|