From 33d5c6f8c0021f91a608e352952c7e11dd8f4b56 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Mon, 25 Sep 2017 12:56:10 +0800
Subject: [PATCH] Oops, break apart CSS

---
 _sass/2017/components/announcements-item.scss | 18 ------------------
 _sass/2017/components/announcements-list.scss | 17 +++++++++++++++++
 _sass/2017/style.scss                         |  1 +
 3 files changed, 18 insertions(+), 18 deletions(-)
 create mode 100644 _sass/2017/components/announcements-list.scss

diff --git a/_sass/2017/components/announcements-item.scss b/_sass/2017/components/announcements-item.scss
index 830d3dac0..8a9770875 100644
--- a/_sass/2017/components/announcements-item.scss
+++ b/_sass/2017/components/announcements-item.scss
@@ -1,21 +1,3 @@
-.announcements-list {
-  & {
-    position: fixed;
-    left: 0;
-    bottom: 0;
-    max-width: 420px;
-    padding: 0;
-  }
-
-  @media (min-width: 481px) {
-    padding: 16px;
-  }
-
-  @media (min-width: 769px) {
-    padding: 32px;
-  }
-}
-
 .announcements-item {
   & {
     position: relative;
diff --git a/_sass/2017/components/announcements-list.scss b/_sass/2017/components/announcements-list.scss
new file mode 100644
index 000000000..b1da684a1
--- /dev/null
+++ b/_sass/2017/components/announcements-list.scss
@@ -0,0 +1,17 @@
+.announcements-list {
+  & {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    max-width: 420px;
+    padding: 0;
+  }
+
+  @media (min-width: 481px) {
+    padding: 16px;
+  }
+
+  @media (min-width: 769px) {
+    padding: 32px;
+  }
+}
diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss
index b83e2327d..c808abdf0 100644
--- a/_sass/2017/style.scss
+++ b/_sass/2017/style.scss
@@ -20,6 +20,7 @@
 @import './markdown/ul';
 @import './components/attribute-peg';
 @import './components/announcements-item';
+@import './components/announcements-list';
 @import './components/back-button';
 @import './components/body-area';
 @import './components/code-sponsor';