/** * Section classes * * @author splitfire - http://splitfire.fr * @version 1.0 * */ /* Element section - /auth/* - /error/* - /front/index - /about --------------------*/ .section_wrapper { @include mq($to: tablet){box-sizing : border-box; padding:2%;} overflow: hidden; margin:0 auto; &.section_center { $centralWidth : 70 * $widthContainer / 100; width: $centralWidth; @include mq($to: tablet){width: 100%} display: table; height: 100%; } &.section_center--width { display: table; height: 100%; } & .section_center--position { display: table-cell; vertical-align: middle; } & .section_wrapper--title { font-size:2.8em; @include mq($to: phone){font-size: 1.8em} font-weight:lighter; padding-bottom: 25px; border-bottom: 1px solid #E5E5E5; } //special baseline home & .section_wrapper--title_home { font-size:2.3em; @include mq($to: phone){font-size: 1.8em} font-weight:lighter; //padding-bottom: 25px; //border-bottom: 1px solid #E5E5E5; margin-bottom: 0; } //special baseline home & .section_wrapper--subtitle_home { font-weight:lighter; color: $titleColor; text-align: center; padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #E5E5E5; } & .section_wrapper--subtitle { font-weight:lighter; color: $titleColor; position: relative; &:after { content: ""; display: block; width: 100%; position: absolute; border-bottom: 1px solid #E5E5E5; left: 0; top:1.5em; } } & .section_wrapper--information { font-size:1em; line-height:23px; color: #999999; } } .section_separator { height:3px; margin: 90px auto; box-shadow :0 3px 3px rgba(0, 0, 0, 0.1); } .section_separator_bottom { width: 90%; height: 2px; margin: 25px auto 0 auto; padding:0 } .section_separator_info { width:90%; margin:0 auto; height:2px; border-top: 1px solid #E5E5E5; } .static_txt { & .section_wrapper--subtitle { font-size: 1.4em; } & .section_wrapper--title { margin-bottom: 12px; padding-bottom: 0; border-bottom: 0; } & .globalTextColor { line-height: 1.4em; } }