default-theme/assets/stylesheets/template/modules/faq.scss

82 lines
1.4 KiB
SCSS

@charset "utf-8";
@import "../initial";
// Faqs MODULES
.widget-faqs {
&.widget1 {
.widget-content {
padding-bottom: 0.625em;
& + .widget-content {
border-top: 0.0625em dotted $theme-gray-light;
}
.widget-content-title {
display: inline-block;
padding: 0.3125em 0;
}
}
// 在 layout-content 下的樣式
.layout-content & {
.widget-title {
@extend .unity-title;
}
}
// 在 layout-footer 下的樣式
.layout-footer & {
.widget-content {
line-height: 2em;
border-top-color: $theme-gray;
}
}
}
}
// Faqs INDEX
.index-faqs {
.index-title {
@extend .unity-title;
}
&.index1 {
.index-content {
list-style-type: decimal-leading-zero;
list-style-position: inside;
& + .index-content {
border-top: 0.0625em dotted $theme-gray-light;
}
}
}
&.index2 {
.index-content {
margin: 1em 0;
border: 1px solid #ccc;
& h4 {
@extend .transition;
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
padding: 0.625em 0.9375em;
font-size: 1em;
font-family: $main-font;
margin: 0;
&:hover {
background: darken($color: #f5f5f5, $amount: 10);
.post { display: block; }
}
}
.post {
padding: 1em;
display: none;
background: #fff;
}
}
}
}