Optimize

Author: Wolfr

TODO.txt

@@ -140,7 +140,6 @@
 
 ### External reference needed (component level)
 
-* [ ] Accordion component
 * [ ] Tabs component
 * [ ] Segmented control (with radio)
 
@@ -229,6 +228,7 @@
 * [x] http://localhost:3000/styleguide/components/menu-navigation needs taller example
 * [x] http://localhost:3000/styleguide/components/menu-selection document sameWidth property
 * [x] Add Ctrl+M shortcut
+* [x] Accordion component
 
 ## Later
 

src/scss/_o-container-vertical.scss

@@ -0,0 +1,34 @@
+/* ==========================================================================
+  Container vertical
+   ========================================================================== */
+
+/* Block spacing
+   ========================================================================== */
+
+.o-container-vertical--padding-small {
+   padding: 2.4rem 0;
+}
+
+.o-container-vertical { // Standard padding
+   padding: 3.6rem 0;
+}
+
+.o-container-vertical--padding-medium {
+   padding: 4.8rem 0;
+}
+
+.o-container-vertical--padding-large {
+   padding: 6.4rem 0;
+}
+
+/* Block modifiers
+   Change the look of the entire block
+   ========================================================================== */
+
+.o-container-vertical--bg-alt {
+   background: $color-gray-50;
+}
+
+.o-container-vertical--bottom-bordered {
+  border-bottom: 1px solid $color-gray-100;
+}

src/scss/_o-container.scss

@@ -70,82 +70,3 @@ $o-container-side-gap: 1.2rem !default; // Should be 1/2 of grid col gap
   }
 
 }
-
-
-/* ==========================================================================
-  Container vertical
-   ========================================================================== */
-
-/* Block spacing
-   ========================================================================== */
-
-.o-container-vertical--padding-small {
-   padding: 2.4rem 0;
-}
-
-.o-container-vertical { // Standard padding
-   padding: 3.6rem 0;
-}
-
-.o-container-vertical--padding-medium {
-   padding: 4.8rem 0;
-}
-
-.o-container-vertical--padding-large {
-   padding: 6.4rem 0;
-}
-
-/* Block modifiers
-   Change the look of the entire block
-   ========================================================================== */
-
-.o-container-vertical--bg-alt {
-   background: $color-gray-50;
-}
-
-.o-container-vertical--bottom-bordered {
-  border-bottom: 1px solid $color-gray-100;
-}
-
-/* ==========================================================================
-  Block types (attached to vertical containers, since this is often the parent)
-   ========================================================================== */
-
-/* Block type: intro
-   ========================================================================== */
-
-.o-container-vertical-intro__intro {
-  font-size: 1.8rem;
-  color: $color-gray-500;
-  text-align: center;
-}
-
-/* Block type: title
-   ========================================================================== */
-
-.o-container-vertical-title__title {
-  text-align: center;
-  font-size: 4.8rem;
-  font-weight: $g-headings-font-weight;
-  font-family: $g-headings-font-family;
-}
-
-/* Block type: subtitle
-   ========================================================================== */
-
-.o-container-vertical-subtitle__title {
-  font-size: 3.2rem;
-  font-weight: $g-headings-font-weight;
-  font-family: $g-headings-font-family;
-}
-
-/* Block type: anchor list
-   ========================================================================== */
-
-.o-container-vertical-anchor-list__list {
-  text-align: center;
-  li {
-    display: inline-block;
-    margin: 1rem;
-  }
-}