Browse Source

scss: More cleanup

master
Chimo 3 years ago
parent
commit
c1bab463bd
4 changed files with 139 additions and 111 deletions
  1. 5
    20
      _sass/chimo/_lifestream.scss
  2. 127
    0
      _sass/chimo/_overrides.scss
  3. 6
    91
      _sass/chimo/_util.scss
  4. 1
    0
      assets/css/main.scss

+ 5
- 20
_sass/chimo/_lifestream.scss View File

@@ -1,5 +1,7 @@
1
-.stream > h2 {
2
-    text-transform: uppercase;
1
+.stream {
2
+    > h2 {
3
+        text-transform: uppercase;
4
+    }
3 5
 }
4 6
 
5 7
 .stream__activities {
@@ -23,22 +25,6 @@
23 25
     }
24 26
 }
25 27
 
26
-.pagination {
27
-    a {
28
-        border: 2px solid #000 !important;
29
-        color: #fff;
30
-        transition: all 0.2s ease;
31
-
32
-        &:first-child {
33
-            margin-right: 5px;
34
-        }
35
-
36
-        &:hover {
37
-            color: #000;
38
-        }
39
-    }
40
-}
41
-
42 28
 .homepage {
43 29
     @include media($large) {
44 30
         .stream {
@@ -55,8 +41,7 @@
55 41
     }
56 42
 
57 43
     .sidebar a,
58
-    .entry-meta a,
59
-    .stream a {
44
+    .entry-meta a {
60 45
         color: #0097bb;
61 46
     }
62 47
 

+ 127
- 0
_sass/chimo/_overrides.scss View File

@@ -0,0 +1,127 @@
1
+/* Default link color is blue */
2
+a {
3
+    &,
4
+    &:hover,
5
+    &:focus,
6
+    &:visited {
7
+        color: #0097bb;
8
+    }
9
+}
10
+
11
+/* Top-nav link color is white */
12
+.navigation-wrapper a {
13
+    &,
14
+    &:hover,
15
+    &:focus,
16
+    &:visited {
17
+        color: #fff;
18
+    }
19
+}
20
+
21
+/* Footer link color is dark gray */
22
+.footer-wrapper a {
23
+    &,
24
+    &:hover,
25
+    &:focus,
26
+    &:visited {
27
+        color: #555;
28
+    }
29
+}
30
+
31
+/* Sidebar link color is black */
32
+.entry-meta a,
33
+.entry-title a,
34
+.site-title a {
35
+    &,
36
+    &:hover,
37
+    &:focus,
38
+    &:visited {
39
+        color: #000;
40
+    }
41
+}
42
+
43
+/**
44
+ * Make blog post date dark gray on blog post list pages.
45
+ * Without this, they're link colored.
46
+ */
47
+.post-list a time {
48
+    color: #222;
49
+}
50
+
51
+
52
+/**
53
+ * 1.125rem base font-size for everything, not just <p>s
54
+ * Don't make <li>s smaller than everything else...
55
+ */
56
+body,
57
+li {
58
+    font-size: 1.125rem;
59
+}
60
+
61
+/**
62
+ * Only show lines under links when we hover over them.
63
+ */
64
+.entry-content {
65
+    a {
66
+        border: 0 !important;
67
+        color: #0097bb;
68
+        transition: none;
69
+
70
+        &:visited,
71
+        &:hover,
72
+        &:focus {
73
+            text-decoration: underline;
74
+        }
75
+    }
76
+}
77
+
78
+/**
79
+ * Flat (horizonal) tags lists
80
+ */
81
+.entry-tags {
82
+    list-style-position: inside;
83
+    margin: 2rem 0 1.5rem;
84
+    overflow: hidden;
85
+    padding: 0;
86
+
87
+    li {
88
+        float: left;
89
+        margin: 0 10px 0 0;
90
+
91
+        &:first-child {
92
+            list-style-type: none;
93
+
94
+            &::before {
95
+                content: "";
96
+                display: inline-block;
97
+                font-family: FontAwesome;
98
+                font-style: normal;
99
+                font-weight: normal;
100
+                line-height: 1;
101
+            }
102
+        }
103
+    }
104
+
105
+    + .entry-title {
106
+        margin-top: 0;
107
+    }
108
+}
109
+
110
+/**
111
+ * No underline under entry titles
112
+ */
113
+.entry-title a {
114
+    text-decoration: none;
115
+}
116
+
117
+/**
118
+ * Stop fading in/out and moving on hover
119
+ */
120
+figure a img {
121
+    opacity: 1;
122
+
123
+    &:hover {
124
+        transform: none;
125
+    }
126
+}
127
+

+ 6
- 91
_sass/chimo/_util.scss View File

@@ -1,12 +1,3 @@
1
-/**
2
- * 1.125rem base font-size for everything, not just <p>s
3
- * Don't make <li>s smaller than everything else...
4
- */
5
-body,
6
-li {
7
-    font-size: 1.125rem;
8
-}
9
-
10 1
 /**
11 2
  * Display as block element only if JS is enabled, otherwise hidden.
12 3
  */
@@ -19,75 +10,18 @@ li {
19 10
 }
20 11
 
21 12
 /**
22
- * Border around images in blog posts
23
- */
24
-#article .entry-content img {
25
-    border: 1px solid #000;
26
-}
27
-
28
-/**
29
- * Make blog post date dark gray on blog post list pages.
30
- * Without this, they're link colored.
31
- */
32
-.post-list a time {
33
-    color: #222;
34
-}
35
-
36
-/**
37
- * Only show lines under links when we hover over them.
38
- */
39
-.entry-content {
40
-    a {
41
-        border: 0 !important;
42
-        color: #0097bb;
43
-        transition: none;
44
-
45
-        &:visited,
46
-        &:hover,
47
-        &:focus {
48
-            text-decoration: underline;
49
-        }
50
-    }
51
-}
52
-
53
-/**
54
- * Flat (horizonal) tags lists
13
+ * Hide permalink icon by default
55 14
  */
56
-.entry-tags {
57
-    list-style-position: inside;
58
-    margin: 2rem 0 1.5rem;
59
-    overflow: hidden;
60
-    padding: 0;
61
-
62
-    li {
63
-        float: left;
64
-        margin: 0 10px 0 0;
65
-
66
-        &:first-child {
67
-            list-style-type: none;
68
-
69
-            &::before {
70
-                content: "";
71
-                display: inline-block;
72
-                font-family: FontAwesome;
73
-                font-style: normal;
74
-                font-weight: normal;
75
-                line-height: 1;
76
-            }
77
-        }
78
-    }
79
-
80
-    + .entry-title {
81
-        margin-top: 0;
82
-    }
15
+.link-arrow {
16
+    font-size: 75%;
17
+    text-decoration: none;
18
+    visibility: hidden;
83 19
 }
84 20
 
85 21
 /**
86
- * No underline on titles, show permalink icon on hover
22
+ * Show permalink icon on hover
87 23
  */
88 24
 .entry-title a {
89
-    text-decoration: none;
90
-
91 25
     &:focus .link-arrow,
92 26
     &:hover .link-arrow,
93 27
     &:active .link-arrow {
@@ -95,15 +29,6 @@ li {
95 29
     }
96 30
 }
97 31
 
98
-/**
99
- * Hide permalink icon by default
100
- */
101
-.link-arrow {
102
-    font-size: 75%;
103
-    text-decoration: none;
104
-    visibility: hidden;
105
-}
106
-
107 32
 /**
108 33
  * Footer icons
109 34
  */
@@ -180,13 +105,3 @@ summary {
180 105
     }
181 106
 }
182 107
 
183
-/**
184
- * Stop fading in/out and moving on hover
185
- */
186
-figure a img {
187
-    opacity: 1;
188
-
189
-    &:hover {
190
-        transform: none;
191
-    }
192
-}

+ 1
- 0
assets/css/main.scss View File

@@ -27,6 +27,7 @@ sitemap: false
27 27
 @import "vendor/font-awesome/font-awesome";
28 28
 @import "vendor/magnific-popup/magnific-popup";
29 29
 
30
+@import "chimo/overrides";
30 31
 @import "chimo/fragmention";
31 32
 @import "chimo/gs-share";
32 33
 @import "chimo/interactions";

Loading…
Cancel
Save