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

From: Samuel Guimarães <sguimaraes943(a)gmail.com&gt; Signed-off-by: Samuel Guimarães <sguimaraes943(a)gmail.com&gt; --- 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. +// + +@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