_sass/theme.scss in texture-0.1 vs _sass/theme.scss in texture-0.2

- old
+ new

@@ -8,10 +8,11 @@ $smallMobileW: 480px; $bigScreenW: 1600px; $leftWidth: 220px; $gray: #999; +$lightGray: #eee; *,*:before,*:after { box-sizing: border-box; } @@ -45,10 +46,15 @@ h2 { font-weight: bold; @include fluidType(28px, 32px); } +h4 { + font-weight: normal; + @include fluidType(18px, 20px); +} + header { // background-size: cover; padding: 120px 0; color: #fff; overflow: hidden; @@ -80,49 +86,49 @@ } } } } +.clearfix { + clear: both; +} + // // Basic Container Class // .container { margin:0 150px; max-width: 720px; - .highlighter-rouge { + div.highlighter-rouge { right: 150px; } - @media screen and (min-width: 1600px){ - max-width: 1200px; - } - @media screen and (max-width: $mobileWidth) { margin:0 15px; - .highlighter-rouge { + div.highlighter-rouge { right: 15px; } } @media screen and (max-width: $tabWidth) and (min-width: $mobileWidth){ margin:0 40px; - .highlighter-rouge { + div.highlighter-rouge { right: 40px; } } @media screen and (max-width: $desktopWidth) and (min-width: $tabWidth){ margin:0 80px; - .highlighter-rouge { + div.highlighter-rouge { right: 80px; } } @media screen and (min-width: $desktopWidth) and (max-width: 1280px) { margin:0 100px; - .highlighter-rouge { + div.highlighter-rouge { right: 100px; } } } @@ -134,25 +140,50 @@ color: $gray; border-bottom: 0; } } +.post-description { + font-weight: normal; + color: #ddd; + + margin-top:.5em; + margin-bottom: 1.3em; +} + .post-date { color: $gray; .icon-calendar { margin-right: 6px; } } -.posts { +.post-tags { list-style-type: none; padding: 0; li { + float: left; + padding: 10px 20px; + background-color: $lightGray; + color: #000; + margin: 5px; + border-radius: 2px; + @include fluidType(15px, 17px); + &:first-child { + margin-left: 0; + } + } +} + +.posts { + list-style-type: none; + padding: 0; + >li { margin-bottom: 30px; padding-bottom: 20px; &:not(:last-child) { - border-bottom: 1px solid #eee; + border-bottom: 1px solid $lightGray; } } } .posts, .post-container { @@ -176,9 +207,12 @@ .navbar { position: absolute; top: 0; right: 5vw; + a { + color: inherit; + } ul { list-style-type: none; li { // background-color: #ff9f1c; border: 1px solid #fff; \ No newline at end of file