Skip to content

Instantly share code, notes, and snippets.

@unframework
Created November 17, 2018 20:28
Show Gist options
  • Save unframework/e22ba389d6a81b401528dffd252f96c8 to your computer and use it in GitHub Desktop.
Save unframework/e22ba389d6a81b401528dffd252f96c8 to your computer and use it in GitHub Desktop.
Logo sketch in SVG
svg viewBox="-186 -46 374 48" width='374' height='48'
defs
clipPath id="lines"
- for i in (0 .. 10)
rect x=-300 y=(-47 + i * 5) width=600 height=4
text.main x=0 y=0 text-anchor='middle' font-family='Days One' font-size='64px' letter-spacing='-3.5px'
'<tspan clip-path='url(#lines)'>Beam</tspan>works
@fgColor: #2980B9;
@bgColor: #ECF0F1;
body {
width: 374px;
padding: 20px 0 0;
margin: auto;
background: @bgColor;
}
svg {
.main {
fill: @fgColor;
}
}
<link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment