diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot index 0b1791b..051e7c5 100644 Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf index b1ef9c8..c7112e7 100644 Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff index 7a09d70..1e0eba1 100644 Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ diff --git a/src/scss/cdb-components/tooltips.scss b/src/scss/cdb-components/tooltips.scss index 8ab7b71..8eed3b7 100644 --- a/src/scss/cdb-components/tooltips.scss +++ b/src/scss/cdb-components/tooltips.scss @@ -72,7 +72,7 @@ border-radius: $halfBaseSize; background: rgba($cMainBg, 0.8); } -.CDB-Tooltip:after { +.CDB-Tooltip::after { display: block; position: absolute; width: 0; @@ -82,57 +82,57 @@ } .is-black { - &.CDB-Tooltip.CDB-Tooltip--up:after { + &.CDB-Tooltip.CDB-Tooltip--up::after { border-bottom-color: rgba($cMainBg, 0.8); } - &.CDB-Tooltip.CDB-Tooltip--down:after { + &.CDB-Tooltip.CDB-Tooltip--down::after { border-top-color: rgba($cMainBg, 0.8); } - &.CDB-Tooltip.CDB-Tooltip--left:after { + &.CDB-Tooltip.CDB-Tooltip--left::after { border-right-color: rgba($cMainBg, 0.8); } - &.CDB-Tooltip.CDB-Tooltip--right:after { + &.CDB-Tooltip.CDB-Tooltip--right::after { border-left-color: rgba($cMainBg, 0.8); } } .is-error { - &.CDB-Tooltip.CDB-Tooltip--up:after { + &.CDB-Tooltip.CDB-Tooltip--up::after { border-bottom-color: $cError; } - &.CDB-Tooltip.CDB-Tooltip--down:after { + &.CDB-Tooltip.CDB-Tooltip--down::after { border-top-color: $cError; } - &.CDB-Tooltip.CDB-Tooltip--left:after { + &.CDB-Tooltip.CDB-Tooltip--left::after { border-right-color: $cError; } - &.CDB-Tooltip.CDB-Tooltip--right:after { + &.CDB-Tooltip.CDB-Tooltip--right::after { border-left-color: $cError; } } -.CDB-Tooltip.CDB-Tooltip--up:after { +.CDB-Tooltip.CDB-Tooltip--up::after { top: -$baseSize; left: calc(50% - #{$halfBaseSize}); border-top-width: $halfBaseSize; border-top-style: solid; } -.CDB-Tooltip.CDB-Tooltip--down:after { +.CDB-Tooltip.CDB-Tooltip--down::after { bottom: -$baseSize; left: calc(50% - #{$halfBaseSize}); border-top-width: $halfBaseSize; border-top-style: solid; } -.CDB-Tooltip.CDB-Tooltip--left:after { +.CDB-Tooltip.CDB-Tooltip--left::after { top: calc(50% - #{$halfBaseSize}); left: -$baseSize; border-right-width: $halfBaseSize; border-right-style: solid; } -.CDB-Tooltip.CDB-Tooltip--right:after { +.CDB-Tooltip.CDB-Tooltip--right::after { top: calc(50% - #{$halfBaseSize}); right: -$baseSize; border-right-width: $halfBaseSize;