_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