Sha256: 34a470ebf9ff01bc9291bb26afb162f91d0dbc7eedf964a7fe8ad1e891ebc033
Contents?: true
Size: 1.95 KB
Versions: 15
Compression:
Stored size: 1.95 KB
Contents
@import '../global';
$panel-border-radius: .3em;
@mixin sencha-panel($include-floating: $include-floating-panels) {
.x-panel,
.x-msgbox,
.x-panel-body {
position: relative;
}
@if $include-floating {
.x-panel.x-floating,
.x-msgbox.x-floating,
.x-form.x-floating {
padding: 6px;
@if $include-border-radius { @include border-radius($panel-border-radius); }
-webkit-box-shadow: rgba(0,0,0,.8) 0 .2em .6em;
@include background-gradient(darken($base-color, 40%), 'flat');
&.x-floating-light {
@include background-gradient($base-color, 'flat');
}
> .x-panel-inner,
.x-scroll-view,
.x-body {
background-color: #fff;
@if $include-border-radius { @include border_radius($panel-border-radius); }
}
}
$anchor-height: .7em;
$anchor-width: $anchor-height*2.33;
$anchor-offset: 0.1em;
.x-anchor {
width: $anchor-width;
height: $anchor-height;
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-mask: 0 0 theme_image($theme-name, "tip_horizontal.png") no-repeat;
-webkit-mask-size: $anchor-width $anchor-height;
overflow: hidden;
background-color: darken($base-color, 40%);
-webkit-transform-origin: 0% 0%;
&.x-anchor-top {
margin-left: -($anchor-width / 2);
margin-top: -$anchor-height;
}
&.x-anchor-bottom {
-webkit-transform: rotate(180deg);
margin-left: $anchor-width / 2;
margin-top: $anchor-height - $anchor-offset;
}
&.x-anchor-left {
-webkit-transform: rotate(270deg);
margin-left: -$anchor-height;
margin-top: -$anchor-offset;
}
&.x-anchor-right {
-webkit-transform: rotate(90deg);
margin-left: $anchor-height;
margin-top: 0;
}
}
.x-floating.x-panel-light {
&:after {
background-color: $base-color;
}
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems