diff --git a/src/theme.scss b/src/theme.scss index a3f0f81..7b19cd4 100644 --- a/src/theme.scss +++ b/src/theme.scss @@ -13,6 +13,9 @@ /* Views */ +/* All views */ +@import "views/base"; + /* All screen views */ @media screen { @import "views/screen"; diff --git a/src/views/_base.scss b/src/views/_base.scss new file mode 100644 index 0000000..f08ca27 --- /dev/null +++ b/src/views/_base.scss @@ -0,0 +1,58 @@ +/* + * + * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) + * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html + * + */ +/* + @title: All views + */ + +%no-breadcrumb-icon { + content: none; + padding: 0; +} + +#wb-bc { + li { + &:before, + &:after { + color: #333; + font: { + family: "Glyphicons Halflings"; + size: 0.7em; + } + } + + &:before { + content: "\e092"; + } + + &:first-child { + &:before { + @extend %no-breadcrumb-icon; + } + } + } +} + +[dir=rtl] { + #wb-bc { + li { + &:before { + @extend %no-breadcrumb-icon; + } + + &:after { + content: "\e091"; + padding: 0 5px; + } + + &:first-child { + &:after { + @extend %no-breadcrumb-icon; + } + } + } + } +} diff --git a/src/views/_screen.scss b/src/views/_screen.scss index 6259fd5..196b854 100644 --- a/src/views/_screen.scss +++ b/src/views/_screen.scss @@ -8,11 +8,6 @@ @title: All screen views */ -%no-breadcrumb-icon { - content: none; - padding: 0; -} - %banner-text-color { color: #fff; } @@ -166,32 +161,6 @@ } } -#wb-bc { - .breadcrumb { - background: transparent; - margin-bottom: 0; - } - - li { - &:before, - &:after { - color: #333; - font-family: "Glyphicons Halflings"; - font-size: 0.7em; - } - - &:before { - content: "\e092"; - } - - &:first-child { - &:before { - @extend %no-breadcrumb-icon; - } - } - } -} - #wb-dtmd { float: right; } @@ -203,25 +172,6 @@ } [dir=rtl] { - #wb-bc { - li { - &:before { - @extend %no-breadcrumb-icon; - } - - &:after { - content: "\e091"; - padding: 0 5px; - } - - &:first-child { - &:after { - @extend %no-breadcrumb-icon; - } - } - } - } - #wb-dtmd { float: left; }