socialnetworknews-web

A open-source Paper.li clone
git clone git://archive.git.mtrnord.blog/SocialNetworkNews/socialnetworknews-web.git
Log | Files | Refs | README | LICENSE

app.component.scss (464B)

      1 /* VARIABLES */
      2 $header-bg: #f9a825;
      3 $menu-width: 250px!default;
      4 
      5 .main {
      6   grid-area: content;
      7   padding-top: 7rem;
      8 }
      9 
     10 .wrapper {
     11   display: grid;
     12   grid-gap: 0.4rem;
     13   grid-template-areas:
     14     "header"
     15     "content"
     16 }
     17 
     18 @media (min-width: 500px) {
     19   .wrapper {
     20     grid-template-columns: auto;
     21     grid-template-areas:
     22       "header  header"
     23       "nav     nav"
     24       "content content";
     25   }
     26   nav ul {
     27     display: flex;
     28     justify-content: space-between;
     29   }
     30 }