diff options
Diffstat (limited to 'deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_btn-group.scss')
-rw-r--r-- | deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_btn-group.scss | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_btn-group.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_btn-group.scss new file mode 100644 index 000000000..c11b60d19 --- /dev/null +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_btn-group.scss @@ -0,0 +1,80 @@ +@mixin extjs-btn-group { + .#{$prefix}btn-group { + position: relative; + overflow: hidden; + } + + .#{$prefix}btn-group-body { + position: relative; + zoom: 1; + padding: $btn-group-padding; + .#{$prefix}table-layout-cell { + vertical-align: top; + } + } + + .#{$prefix}btn-group-header-text { + white-space: nowrap; + } + + @include extjs-btn-group-ui('default'); +} + +/** + * @mixin extjs-btn-group-ui + * @class Ext.ButtonGroup + */ +@mixin extjs-btn-group-ui( + $ui-label, + $ui-base-color: null, + + // background + $ui-background-color: $btn-group-background-color, + + // borders + $ui-border-color: $btn-group-border-color, + $ui-border-width: $btn-group-border-width, + $ui-border-radius: $btn-group-border-radius, + $ui-inner-border-color: $btn-group-inner-border-color, + + //header + $ui-header-background-color: $btn-group-header-background-color, + $ui-header-font: $btn-group-header-font, + $ui-header-color: $btn-group-header-color +){ + @include x-frame( + 'btn-group', + $ui: '#{$ui-label}-framed', + + /* Radius, width, padding and background-color */ + $border-radius: $ui-border-radius, + $border-width: $ui-border-width, + $padding: $btn-group-padding, + $background-color: $ui-background-color + ); + + .#{$prefix}btn-group-#{$ui-label}-framed { + border-color: $ui-border-color; + @include inner-border( + $width: $btn-group-inner-border-width, + $color: $ui-inner-border-color + ); + } + + .#{$prefix}btn-group-header-#{$ui-label}-framed { + margin: $btn-group-header-margin; + } + + .#{$prefix}btn-group-header-body-#{$ui-label}-framed { + padding: $btn-group-header-padding; + + background: $ui-header-background-color; + + @include border-top-radius($ui-border-radius); + } + + .#{$prefix}btn-group-header-text-#{$ui-label}-framed { + font: $ui-header-font; + color: $ui-header-color; + } +} |