diff options
| author | Romain Derie <rde@odoo.com> | 2019-12-18 17:09:15 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-01-24 13:02:01 +0000 |
| commit | 4357a29fa94bc10ec94e70cbcccfa35f9565ba48 (patch) | |
| tree | f8e6d54c03089019fc2a435b8e0899475eda4459 /addons/website/static/src | |
| parent | 86e12bf186c4ca893e9e8a337c7aebda3189a0b1 (diff) | |
[IMP] website: review 's_share' snippet
Part of Inner Snippets review task. `s_share` should have a list of preset
layouts.
Part of https://github.com/odoo/odoo/pull/42937
task-2088157
task-2152191
Diffstat (limited to 'addons/website/static/src')
| -rw-r--r-- | addons/website/static/src/scss/primary_variables.scss | 2 | ||||
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 6 | ||||
| -rw-r--r-- | addons/website/static/src/snippets/s_share/000.scss | 42 |
3 files changed, 39 insertions, 11 deletions
diff --git a/addons/website/static/src/scss/primary_variables.scss b/addons/website/static/src/scss/primary_variables.scss index d6b84ff52e0..367188a8053 100644 --- a/addons/website/static/src/scss/primary_variables.scss +++ b/addons/website/static/src/scss/primary_variables.scss @@ -39,6 +39,8 @@ $o-social-colors: ( 'youtube': #ff0000, 'github': #1a1e22, 'instagram': #cf2872, + 'whatsapp': #25d366, + 'pinterest': #C8232C, ); $o-theme-figcaption-opacity: 0.6; diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 3637f8d714b..b2b51c732ee 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -199,6 +199,12 @@ font[class*='bg-'] { border-top-left-radius: $size; border-bottom-right-radius: $size; } + &.rounded-empty-circle { + @extend .rounded-circle; + border-width: ceil(1.4 * $border-width); + border-style: solid; + background: transparent; + } } // Smaller container .o_container_small { diff --git a/addons/website/static/src/snippets/s_share/000.scss b/addons/website/static/src/snippets/s_share/000.scss index a7e12a2a4da..e02e2711cab 100644 --- a/addons/website/static/src/snippets/s_share/000.scss +++ b/addons/website/static/src/snippets/s_share/000.scss @@ -10,16 +10,36 @@ > a + a { margin-left: .4rem; } - .s_share_facebook { - &, &:hover, &:focus { color: #3b5998; } - } - .s_share_twitter { - &, &:hover, &:focus { color: #1da1f2; } - } - .s_share_linkedin { - &, &:hover, &:focus { color: #0077b5; } - } - .s_share_google { - &, &:hover, &:focus { color: #db4437; } + &:not(.no_icon_color) { + .s_share_facebook { + &, &:hover, &:focus { + @extend .text-facebook; + } + } + .s_share_twitter { + &, &:hover, &:focus { + @extend .text-twitter; + } + } + .s_share_linkedin { + &, &:hover, &:focus { + @extend .text-linkedin; + } + } + .s_share_google { + &, &:hover, &:focus { + @extend .text-google-plus; + } + } + .s_share_whatsapp { + &, &:hover, &:focus { + @extend .text-whatsapp; + } + } + .s_share_pinterest { + &, &:hover, &:focus { + @extend .text-pinterest; + } + } } } |