numix-gtk-theme/gtk-3.20/scss/widgets/_misc.scss

315 lines
6.6 KiB
SCSS
Raw Normal View History

2016-04-09 04:30:09 +00:00
/***************
! Dimmed label *
****************/
@include exports("dimlabel") {
.dim-label {
opacity: .5;
text-shadow: none;
}
}
/***********
! Tooltip *
************/
@include exports("tooltip") {
2016-05-11 06:14:08 +00:00
.tooltip, // Firefox fix
2016-05-09 15:20:15 +00:00
tooltip {
2016-04-09 04:30:09 +00:00
&.background {
2016-05-09 15:20:15 +00:00
&, &.csd {
background-color: $tooltip_bg_color;
background-clip: padding-box;
border: 1px solid border_normal($tooltip_bg_color);
border-radius: $roundness;
2016-05-11 06:14:08 +00:00
color: $tooltip_fg_color;
2016-05-09 15:20:15 +00:00
}
2016-04-09 04:30:09 +00:00
}
* {
background-color: transparent;
color: inherit;
}
}
}
/***********
! Dialogs *
************/
@include exports("dialogs") {
messagedialog, .message-dialog, .prompt {
-GtkDialog-content-area-border: 0;
-GtkDialog-action-area-border: $spacing;
-GtkDialog-button-spacing: 0;
margin: 0;
padding: 0;
}
2016-04-23 12:23:40 +00:00
printdialog {
paper {
color: $fg_color;
border: 1px solid $borders_color;
background: $white;
padding: 0;
&:backdrop {
color: $backdrop_fg_color;
border-color: $backdrop_borders_color;
}
}
.dialog-action-box { margin: $spacing * 2; }
}
2016-04-09 04:30:09 +00:00
}
/*********************
! App notifications *
**********************/
@include exports("notifications") {
frame.app-notification {
border-style: solid;
border-color: border_normal($osd_bg);
border-width: 0 1px 1px;
border-radius: 0 0 $roundness $roundness;
padding: $spacing * 2;
background-color: $osd_bg;
background-image: none;
color: $osd_fg;
button {
@include button($osd_bg, $osd_fg);
}
border {
border: 0;
2016-04-09 04:30:09 +00:00
}
}
}
/*************
! Expanders *
**************/
@include exports("expander") {
expander {
arrow {
min-width: 16px;
min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
2016-04-09 04:30:09 +00:00
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
2016-04-09 04:30:09 +00:00
&:hover { color: alpha(currentColor, .8); } //only lightens the arrow
2016-04-09 04:30:09 +00:00
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
2016-04-09 04:30:09 +00:00
}
}
}
/*******************
! Symbolic images *
********************/
@include exports("symbolicimage") {
.image {
color: alpha(currentColor, .5);
&:hover { color: alpha(currentColor, .9); }
&:selected, &:selected:hover { color: $selected_fg_color; }
}
}
/****************
! Floating bar *
*****************/
@include exports("floatingbar") {
.floating-bar {
@include linear-gradient($bg_color);
border: 1px solid border_normal($bg_color);
border-radius: $roundness;
color: $fg_color;
&.top {
border-top-width: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
&.right {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&.bottom {
border-bottom-width: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
&.left {
border-left-width: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.button {
border: 0;
background-color: transparent;
background-image: none;
}
}
}
/*************************
! Touch text selections *
**************************/
@include exports("touchbubble") {
GtkBubbleWindow {
border-radius: $roundness;
background-clip: border-box;
&.osd.background { background-color: $osd_bg; }
.toolbar { background-color: transparent; }
}
}
/***************
! Font-viewer *
****************/
@include exports("fontviewer") {
SushiFontWidget {
padding: $spacing ($spacing * 2);
}
}
/*************
! Gucharmap *
**************/
@include exports("charmap") {
GucharmapChartable {
background-color: $base_color;
color: $text_color;
&:focus, &:hover, &:active, &:selected { @extend %selected; }
}
}
/*************
! Evolution *
**************/
@include exports("evolution") {
EPreviewPane .entry {
background-color: $base_color;
color: $text_color;
}
}
/*******************
! Gnome Bluetooth *
********************/
@include exports("gnome-bluetooth") {
entry.entry.pin-entry {
font: regular 50;
padding-left: 25px;
padding-right: 25px;
}
label.pin-label { font: regular 50; }
}
2016-05-14 11:32:31 +00:00
/************************
! Shortcut window keys *
*************************/
@include exports("keycap") {
// shortcut window keys
.keycap {
min-width: 20px;
min-height: 25px;
margin-top: 2px;
padding-bottom: $spacing / 2;
padding-left: $spacing;
padding-right: $spacing;
color: $fg_color;
background-color: $base_color;
border: 1px solid;
border-color: if($variant == 'light', mix($borders_color, $bg_color, .5), $borders_color);
border-radius: $roundness;
box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, .2), inset 0 -3px mix($borders_color, $base_color, .6));
font-size: smaller;
&:backdrop {
background-color: $backdrop_base_color;
color: $backdrop_fg_color;
transition: 200ms ease-out;
}
}
}
/*****************
! Stackswitcher *
******************/
@include exports("stackswitcher") {
stackswitcher button {
&.text-button { min-width: 90px; } // FIXME aggregate with buttons
&.circular { // FIXME aggregate with buttons
min-width: 32px;
min-height: 32px;
padding: 0;
}
}
}
2016-04-09 04:30:09 +00:00
/*******************
! Selected Items *
********************/
@include exports("selected_items") {
%selected_items {
background-color: $selected_bg_color;
@at-root %nobg_selected_items, & {
color: $selected_fg_color;
@if $variant == 'light' { outline-color: transparentize($selected_fg_color, .7); }
2016-04-09 04:30:09 +00:00
&:disabled { color: mix($selected_fg_color, $selected_bg_color, .5); }
2016-04-09 04:30:09 +00:00
&:backdrop {
color: $backdrop_selected_fg_color;
&:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, .3); }
2016-04-09 04:30:09 +00:00
}
}
}
}