<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rafal Lesniak</title>
    <description>The latest articles on DEV Community by Rafal Lesniak (@rlesniak).</description>
    <link>https://dev.to/rlesniak</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F118474%2F5b3540f6-1aa8-400b-a0b0-aae34687f0ab.jpeg</url>
      <title>DEV Community: Rafal Lesniak</title>
      <link>https://dev.to/rlesniak</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rlesniak"/>
    <language>en</language>
    <item>
      <title>Dev.to footer</title>
      <dc:creator>Rafal Lesniak</dc:creator>
      <pubDate>Sat, 29 Dec 2018 15:22:09 +0000</pubDate>
      <link>https://dev.to/rlesniak/devto-footer-2ma5</link>
      <guid>https://dev.to/rlesniak/devto-footer-2ma5</guid>
      <description>&lt;p&gt;Hey dev.to, have you think about yours footer? Here is infinite scroll on feed so I cant reach footer 😅&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Styled-components media queries                </title>
      <dc:creator>Rafal Lesniak</dc:creator>
      <pubDate>Wed, 28 Nov 2018 18:42:36 +0000</pubDate>
      <link>https://dev.to/rlesniak/styled-components-media-queries-----------------27mi</link>
      <guid>https://dev.to/rlesniak/styled-components-media-queries-----------------27mi</guid>
      <description>

&lt;p&gt;In company we want to create some styled-component helper to write elegant media-queries and we are arguing which way to choose:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;with interpolated string like: &lt;/li&gt;
&lt;/ul&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      styled.div`
        ${media.mobile`
          color: red
        `}
      `
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;or returning only @media string fragment like (eg. @media (min-width: 100px):&lt;/li&gt;
&lt;/ul&gt;



&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      styled.div`
        ${media.mobile} {
          color: red
        }
      `
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;What disadvantages / caveats of this two approach?&lt;/p&gt;


</description>
      <category>styledcomponents</category>
      <category>react</category>
    </item>
  </channel>
</rss>
