Warning, /plasma/breeze-gtk/src/gtk3/widgets/_misc.scss is written in an unsupported language. File is not indexed.

0001 @charset "UTF-8";
0002 
0003 /********
0004  * Misc *
0005  ********/
0006 
0007 /****************
0008 * Print dialog *
0009 *****************/
0010 printdialog {
0011         paper {
0012                 color: gtk("@theme_fg_color");
0013                 border: 1px solid gtk("@borders");
0014                 background: white;
0015                 padding: 0;
0016 
0017                 &:backdrop {
0018                         color: gtk("@theme_unfocused_fg_color");
0019                         border-color: gtk("@unfocused_borders");
0020                         background: gtk("@print_paper_backdrop");
0021                 }
0022         }
0023 
0024         .dialog-action-box {
0025                 margin: 12px;
0026         }
0027 }
0028 
0029 /**********
0030 * Frames *
0031 **********/
0032 frame > border,
0033 .frame {
0034         box-shadow: none;
0035         margin: 0;
0036         padding: 0;
0037         border-radius: 0;
0038         border: 1px solid gtk("@borders");
0039 
0040         &.flat {
0041                 border-style: none;
0042         }
0043 
0044         &:backdrop {
0045                 border-color: gtk("@unfocused_borders");
0046         }
0047 }
0048 
0049 actionbar > revealer > box {
0050         padding: 6px;
0051         border-top: 1px solid gtk("@borders");
0052 
0053         &:backdrop {
0054                 border-color: gtk("@unfocused_borders");
0055         }
0056 }
0057 
0058 scrolledwindow {
0059         viewport.frame {
0060                 // avoid double borders when viewport inside scrolled window
0061                 border-style: none;
0062         }
0063 
0064         junction {
0065                 // the small square between two scrollbars
0066                 border-color: transparent;
0067                 background-color: transparent;
0068                 background-image: none;
0069         }
0070 }
0071 
0072 //vbox and hbox separators
0073 separator, separator.sidebar {
0074         background: gtk("@borders");
0075         min-width: 1px;
0076         min-height: 1px;
0077 }
0078 
0079 /*************
0080 * Expanders *
0081 *************/
0082 
0083 expander {
0084         arrow {
0085                 min-width: 16px;
0086                 min-height: 16px;
0087                 -gtk-icon-source: -gtk-icontheme($arrow_right);
0088                 &:dir(rtl) {
0089                         -gtk-icon-source: -gtk-icontheme(
0090                                 "go-next-rtl-symbolic"
0091                         );
0092                 }
0093                 &:hover {
0094                         color: gtkshade("@theme_button_decoration_focus", 1.3);
0095                 } //only lightens the arrow
0096                 &:checked {
0097                         -gtk-icon-source: -gtk-icontheme($arrow_down);
0098                 }
0099         }
0100 }
0101 
0102 /*********
0103 * Paned *
0104 *********/
0105 
0106 paned {
0107         > separator {
0108                 min-width: 1px;
0109                 min-height: 1px;
0110                 -gtk-icon-source: none; // defeats the ugly default handle decoration
0111                 border-style: none; // just to be sure
0112                 background-color: transparent;
0113                 // workaround, using background istead of a border since the border will get rendered twice (?)
0114                 background-image: image(gtk("@borders"));
0115                 background-size: 1px 1px;
0116 
0117                 //&:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
0118 
0119                 &:backdrop {
0120                         background-image: image(gtk("@unfocused_borders"));
0121                 }
0122 
0123                 &.wide {
0124                         min-width: 5px;
0125                         min-height: 5px;
0126                         background-color: gtk("@theme_bg_color");
0127                         background-image: image(gtk("@borders")),
0128                                 image(gtk("@borders"));
0129                         background-size: 1px 1px, 1px 1px;
0130 
0131                         &:backdrop {
0132                                 background-color: gtk("@theme_unfocused_bg_color");
0133                                 background-image: image(gtk("@unfocused_borders")),
0134                                         image(gtk("@unfocused_borders"));
0135                         }
0136                 }
0137         }
0138 
0139         &.horizontal > separator {
0140                 background-repeat: repeat-y;
0141 
0142                 &:dir(ltr) {
0143                         margin: 0 -8px 0 0;
0144                         padding: 0 8px 0 0;
0145                         background-position: left;
0146                 }
0147                 &:dir(rtl) {
0148                         margin: 0 0 0 -8px;
0149                         padding: 0 0 0 8px;
0150                         background-position: right;
0151                 }
0152 
0153                 &.wide {
0154                         margin: 0;
0155                         padding: 0;
0156                         background-repeat: repeat-y, repeat-y;
0157                         background-position: left, right;
0158                 }
0159         }
0160 
0161         &.vertical > separator {
0162                 margin: 0 0 -8px 0;
0163                 padding: 0 0 8px 0;
0164                 background-repeat: repeat-x;
0165                 background-position: top;
0166 
0167                 &.wide {
0168                         margin: 0;
0169                         padding: 0;
0170                         background-repeat: repeat-x, repeat-x;
0171                         background-position: bottom, top;
0172                 }
0173         }
0174 }
0175 
0176 /*********************
0177 * Spinner Animation *
0178 *********************/
0179 
0180 @keyframes spin {
0181         to {
0182                 -gtk-icon-transform: rotate(1turn);
0183         }
0184 }
0185 
0186 spinner {
0187         background-image: none;
0188         opacity: 0; // non spinning spinner makes no sense
0189         -gtk-icon-source: -gtk-icontheme(
0190                 "process-working-symbolic"
0191         );
0192         &:checked {
0193                 opacity: 1;
0194                 animation: spin 1s linear infinite;
0195                 &:disabled {
0196                         opacity: 0.5;
0197                 }
0198         }
0199 }