Skip to content

Commit 9eb60d7

Browse files
modularcodermodularcoder
committed
Logo component
1 parent 8d1e56c commit 9eb60d7

2 files changed

Lines changed: 53 additions & 0 deletions

File tree

‎src/_common/logo/logo.hbs‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<div class="logo">
2+
<span class="l l1"></span>
3+
<span class="l l2"></span>
4+
<span class="l l3"></span>
5+
<span class="l l4"></span>
6+
<span class="l l5"></span>
7+
</div>

‎src/_common/logo/logo.scss‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
.logo {
2+
display: inline-block;
3+
width: 45px;
4+
height: 25px;
5+
vertical-align: middle;
6+
margin-right: 5px;
7+
// background-color: fade(#fff, 10%);
8+
position: relative;
9+
10+
.l {
11+
width: 11px;
12+
height: 11px;
13+
border-radius: 50%;
14+
background-color: $color-primary;
15+
position: absolute;
16+
17+
&.l1 {
18+
bottom: 0;
19+
left: 0;
20+
}
21+
22+
&.l2 {
23+
width: 7px;
24+
height: 7px;
25+
bottom: 13px;
26+
left: 10px;
27+
}
28+
29+
&.l3 {
30+
width: 7px;
31+
height: 7px;
32+
bottom: 4px;
33+
left: 17px;
34+
}
35+
36+
&.l4 {
37+
bottom: 13px;
38+
left: 25px;
39+
}
40+
41+
&.l5 {
42+
bottom: 0;
43+
left: 34px;
44+
}
45+
}
46+
}

0 commit comments

Comments
 (0)