[Kimchi-devel] [PATCH] [Wok 3/4] Imported ginger accordion mixin to wok as scss module

[sguimaraes943 at gmail.com]

From: Samuel Guimarães <sguimaraes943 at gmail.com>

Signed-off-by: Samuel Guimarães <sguimaraes943 at gmail.com>
---
 ui/css/src/modules/_wok-accordion.scss | 68 ++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 ui/css/src/modules/_wok-accordion.scss

diff --git a/ui/css/src/modules/_wok-accordion.scss b/ui/css/src/modules/_wok-accordion.scss
new file mode 100644
index 0000000..2d3e196
--- /dev/null
+++ b/ui/css/src/modules/_wok-accordion.scss
@@ -0,0 +1,68 @@
+//
+// Project Wok
+//
+// Copyright IBM Corp, 2015-2016
+//
+// Licensed under the Apache License, Version 2.0 (the 'License');
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+ at mixin wok-accordion() {
+    margin: 12px 20px 12px 60px;
+    padding-bottom: 18px;
+    border-bottom: 1px solid $table-border-color;
+    overflow: visible;
+    clear: both;
+    &:first-chld {
+        margin-top: 24px;
+    }
+    > h3 {
+        margin: 0;
+        padding: 0;
+        font-size: 26px;
+        font-weight: 300;
+        height: 44px;
+        display: block;
+        a {
+            color: $brand-primary;
+            text-decoration: none;
+            display: block;
+            padding: 6px 30px;
+            margin-left: -30px;
+            margin-right: -30px;
+            span.accordion-icon {
+                margin-left: -52px;
+                vertical-align: middle;
+                display: inline-block;
+                font: normal normal normal 32px/1 FontAwesome;
+                text-rendering: auto;
+                -webkit-font-smoothing: antialiased;
+                color: $brand-primary;
+            }
+            &[aria-expanded="false"] {
+                span.accordion-icon:before {
+                    content: "\f01a";
+                }
+            }
+            &[aria-expanded="true"] {
+                span.accordion-icon:before {
+                    content: "\f01b";
+                }
+            }
+            span.accordion-text {
+                margin-left: 23px;
+                display: inline-block;
+                vertical-align: middle;
+            }
+        }
+    }
+}
\ No newline at end of file
-- 
1.9.3