diff options
Diffstat (limited to 'addons/website/static/src/scss/website.scss')
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 520102c1f7c..321f7792112 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -959,3 +959,40 @@ header { background-color: rgba(theme-color('primary'), 0.8); } } + +$ribbon-padding: 100px; +.o_ribbon { + margin: 0; + font-size: 1rem; + font-weight: bold; + white-space: nowrap; + text-align: center; + pointer-events: none; +} + +.o_ribbon_right { + @include o-position-absolute($top: 0, $right: 0); + padding: 0.5rem $ribbon-padding; + // 0.708 is 1 - cos(45deg) + // Transforms are applied right-to-left + // Cannot use matrix because of the use of % values. + transform: translateX(calc(-0.708 * (100% - #{2 * $ribbon-padding}))) rotate(45deg) translateX(calc(100% - #{$ribbon-padding})); + transform-origin: top right; +} + +.o_ribbon_left { + @include o-position-absolute($top: 0, $left: 0); + padding: 0.5rem $ribbon-padding; + transform: translateX(calc(0.708 * (100% - #{2 * $ribbon-padding}) - 100%)) rotate(-45deg) translateX($ribbon-padding); + transform-origin: top right; +} + +.o_tag_right { + @include o-position-absolute($top: 0, $right: 0); + padding: 0.25rem 1rem; +} + +.o_tag_left { + @include o-position-absolute($top: 0, $left: 0); + padding: 0.25rem 1rem; +} |