/** * @class Ext.Panel */ .x-panel.x-floating { padding: 0; @include border-radius(6px);} .x-panel.x-floating > .x-dock.x-sized { margin: 0;} .x-toolbar.x-docked-top { @include border-top-radius(6px);} .x-container.x-floating > .x-dock > .x-toolbar.x-docked-bottom,.x-panel.x-floating > .x-dock > .x-toolbar.x-docked-bottom { @include border-bottom-radius(6px);} $anchor-height: .7em;$anchor-width: $anchor-height*2.33;.x-webkit .x-anchor { position: absolute; overflow: hidden; &.x-anchor-top { margin-top: -$anchor-height + 0.02em; margin-left: -$anchor-width / 2; width: $anchor-width; height: $anchor-height; -webkit-mask: 0 0 get-image-url('tip_top') no-repeat; -webkit-mask-size: $anchor-width $anchor-height; background-color: white; } &.x-anchor-bottom { margin-left: -$anchor-width / 2; width: $anchor-width; height: $anchor-height; -webkit-mask: 0 0 get-image-url('tip_bottom') no-repeat; -webkit-mask-size: $anchor-width $anchor-height; background-color: white; } &.x-anchor-left { margin-left: -$anchor-width / 2 + 0.15em; margin-top: -$anchor-height / 2; height: $anchor-width; width: $anchor-height; -webkit-mask: 0 0 get-image-url('tip_left') no-repeat; -webkit-mask-size: $anchor-height $anchor-width; background-color: white; } &.x-anchor-right { margin-top: -$anchor-height / 2; height: $anchor-width; width: $anchor-height; -webkit-mask: 0 0 get-image-url('tip_right') no-repeat; -webkit-mask-size: $anchor-height $anchor-width; background-color: white; }}