diff options
author | Andrew Dolgov <[email protected]> | 2018-12-04 16:53:01 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2018-12-04 16:53:01 +0300 |
commit | 563a46f55a392011d075811b3dc798e9cdcca949 (patch) | |
tree | 4321fadc393b5cf5bf26929d2fcf017dfc0b8f9a /lib/flat/dijit/TitlePane.styl | |
parent | f679ec2e6e25598c511177d7d160c51d2bdf631e (diff) |
initial
Diffstat (limited to 'lib/flat/dijit/TitlePane.styl')
-rwxr-xr-x | lib/flat/dijit/TitlePane.styl | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/lib/flat/dijit/TitlePane.styl b/lib/flat/dijit/TitlePane.styl new file mode 100755 index 000000000..78d9dab68 --- /dev/null +++ b/lib/flat/dijit/TitlePane.styl @@ -0,0 +1,110 @@ +/* TitlePane and Fieldset + * + * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) + * + * TitlePane title: + * 1. TitlePane title (default styling): + * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border + * + * 2. hovered TitlePane title (ie, mouse hover on a title bar) + * .dijitTitlePaneTitleHover - styles when mouse hover on the title div + * + * 3. active TitlePane title (ie, mouse down on a title bar) + * .dijitTitlePaneTitleActive - styles when mouse down on the title div + * + * + * TitlePane Content Container: + * 1. outer/inner container: + * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div + */ + +@import 'dijit_variables'; + +.{$theme-name} { + + .dijitTitlePaneTitle { + button-style(); + if($titlepane-border-radius && $titlepane-border-radius >= 0) { + border-radius: $titlepane-border-radius $titlepane-border-radius 0 0; + } + } + + .dijitTitlePaneTitleHover, .dijitFieldsetTitleHover { + button-hover-style(); + } + + .dijitTitlePaneTitleActive, .dijitFieldsetTitleActive { + button-active-style(); + } + + //.dijitTitlePaneTitleFocus { + //} + + .dijitFieldset { + if($titlepane-border-radius && $titlepane-border-radius >= 0) { + border-radius: $titlepane-border-radius $titlepane-border-radius 0 0; + } + + .dijitArrowNodeInner { + display: none; + } + + .dijitFieldsetTitleClosed .dijitArrowNode:before { + content: $icon-expand; + } + } + + .dijitTitlePane, .dijitFieldset { + .dijitArrowNode { + _icon-core-style(); + font-size: $icon-expand-collapse-size; + text-align: center; + &:before { + content: $icon-collapse; + } + } + + .dijitClosed { + if($titlepane-has-border-radius) { + border-radius: $titlepane-border-radius; + } else { + border-radius: 0; + } + .dijitArrowNode:before { + content: $icon-expand; + } + } + } + + .dijitTitlePaneContentOuter { + background-color: $titlepane-content-background-color; + border: 1px solid $titlepane-content-border-color; + border-top: none; + if($titlepane-border-radius && $titlepane-border-radius >= 0) { + border-radius: 0 0 $titlepane-border-radius $titlepane-border-radius; + } + } + + .dijitFieldset { + background-color: $titlepane-content-background-color; + border: 1px solid $titlepane-content-border-color; + if($titlepane-border-radius && $titlepane-border-radius >= 0) { + border-radius: $titlepane-border-radius; + } + } + + .dijitTitlePaneContentInner, .dijitFieldsetContentInner { + padding: $titlepane-content-padding; + } + + .dijitTitlePaneTextNode, .dijitFieldsetLegendNode { + margin-left: $padding*2; + margin-right: $padding*2; + vertical-align:text-top; + } + + .dijitFieldsetLegendNode { + cursor: default; + } + +}
\ No newline at end of file |