unframework · November 17, 2018 20:28
diff --git a/index.slim b/index.slim
 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
diff --git a/logo-sketch-in-svg.markdown b/logo-sketch-in-svg.markdown
diff --git a/style.less b/style.less
 @fgColor: #2980B9;
 @bgColor: #ECF0F1;

 body {
  width: 374px;
  padding: 20px 0 0;
  margin: auto;
  background: @bgColor;
 }

 svg {
  .main {
    fill: @fgColor;
  }
 }
diff --git a/styles b/styles
 <link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet" />
	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