Skip to content

Instantly share code, notes, and snippets.

View guv3n's full-sized avatar

Güven Urganci guv3n

View GitHub Profile
@guv3n
guv3n / tooltip-colors.css
Created July 16, 2019 12:05
Change the color of backbone 4 tooltips according to a data-attribute
.tooltip-warning .tooltip-inner {background-color: #ffc107;}
.tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-warning.bs-tooltip-top .arrow::before {border-top-color: #ffc107;}
.tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-warning.bs-tooltip-right .arrow::before {border-right-color: #ffc107;}
.tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-warning.bs-tooltip-bottom .arrow::before {border-bottom-color: #ffc107;}
.tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-warning.bs-tooltip-left .arrow::before {border-left-color: #ffc107;}
.tooltip-danger .tooltip-inner {background-color: #dc3545;}
.tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-danger.bs-tooltip-top .arrow::before {border-top-color: #dc3545;}
.tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-danger.bs-tooltip-right .arrow::before {border-right-color: #dc3545;}
.tooltip-danger.bs-too