Conversation
1Iv4N
left a comment
There was a problem hiding this comment.
Please review the 320px breakpoint, it looks like is broken.
| } | ||
|
|
||
| .time-number { | ||
| animation: slide-in 0.8s; |
| z-index: -1; | ||
|
|
||
| &--first { | ||
| animation-delay: 0s; |
| } | ||
|
|
||
| &--second { | ||
| animation-delay: 0.2s; |
There was a problem hiding this comment.
Remove leading cero. Please, review all definitions.
| @@ -1,6 +1,6 @@ | |||
| .showcase { | |||
There was a problem hiding this comment.
Why are we editing showcase styles?
There was a problem hiding this comment.
There are some styles that can be shared in the clock and showcase, that's why I took the opportunity to change it.
| $flutter-color-dark-blue: #075b9a; | ||
| $flutter-color-fuchsia: #FF2B5B; | ||
| $flutter-color-light-blue: #E7F8FF; | ||
| $flutter-color-dark-blue: #232C33; |
There was a problem hiding this comment.
Careful! You're overriding an existing variable.
There was a problem hiding this comment.
Yes, my bad, thanks.
| } | ||
|
|
||
| &--thrid { | ||
| animation-delay: 0.4s; |
| } | ||
|
|
||
| &--fourth { | ||
| animation-delay: 0.6s; |
| .svg-animated { | ||
| animation-duration: 1.2s; | ||
| animation-fill-mode: both; | ||
| animation-timing-function: cubic-bezier(0.87, 1.15, 1, 0.99); |
| @include media-breakpoint-up(md) { | ||
| display: none; | ||
| } |
There was a problem hiding this comment.
It looks like this is not necessary.
| @include media-breakpoint-up(lg) { | ||
| display: none; | ||
| } |
There was a problem hiding this comment.
It looks like this is not necessary.
|
@OmarGM2294 will create a new PR. |
Clock Countdown
Shows a countdown for flutter event.
Staging link
https://huge-flutter-dev-qa.firebaseapp.com/clock
Screenshot image