Commit aef84681 authored by mdsecurity's avatar mdsecurity

background clock

parent 42454461
...@@ -7,10 +7,12 @@ $card-border:1px solid rgba(0, 0, 0, 0.125); ...@@ -7,10 +7,12 @@ $card-border:1px solid rgba(0, 0, 0, 0.125);
//picture height //picture height
$card-background-height: 8.5rem; $card-background-height: 8.5rem;
//card circle pictuer //card circle pictuer
$card-circle-picture-diameter:7rem; $card-circle-picture-diameter:7rem;
@import '../../styles.scss'; @import '../../styles.scss';
.app-container { .app-container {
@extend .container; @extend .container;
min-width: 100%; min-width: 100%;
...@@ -60,16 +62,17 @@ $card-circle-picture-diameter:7rem; ...@@ -60,16 +62,17 @@ $card-circle-picture-diameter:7rem;
.sidebar { .sidebar {
height: 100%; height: 100%;
width: 25%; width: 25%;
background-color: #e3e8ef; background-color: #28282B;
transition:all .5s cubic-bezier(0.55, 0, 0.1, 1); transition:all .5s cubic-bezier(0.55, 0, 0.1, 1);
} }
.main-content { .main-content {
width:75%; width:75%;
height:100%; height:100%;
display:flex; display:flex;
background: center center no-repeat scroll #DC554F; background: center center no-repeat scroll #f5f5ef;
background-image: url('../assets/clock.png');
background-repeat: repeat;
} }
@mixin transition($transition...) { @mixin transition($transition...) {
......
src/assets/clock.png

19.3 KB | W: | H:

src/assets/clock.png

1.78 KB | W: | H:

src/assets/clock.png
src/assets/clock.png
src/assets/clock.png
src/assets/clock.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -10,4 +10,5 @@ html ...@@ -10,4 +10,5 @@ html
} }
body { body {
height: inherit; height: inherit;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment