numix-gtk-theme/gtk-3.0/scss/widgets/_entry.scss

112 lines
2.1 KiB
SCSS
Raw Normal View History

2014-11-23 17:06:45 +00:00
/*******
! Entry
********/
2014-07-05 19:54:53 +00:00
@mixin linked_entry($bg) {
border-width: 1px;
border-radius: 0;
border-right-width: 0;
border-left-width: 0;
&:first-child {
border-width: 1px;
border-radius: $roundness;
border-right-width: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
&:last-child {
border-width: 1px;
border-radius: $roundness;
border-left-width: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
&:only-child {
border-width: 1px;
border-radius: $roundness;
}
}
@mixin entry($bg, $fg) {
@include border(shade($bg, .9));
2014-12-14 12:22:13 +00:00
padding: ($spacing - 1px) $spacing;
2014-07-05 19:54:53 +00:00
border-width: 1px;
border-style: solid;
border-radius: $roundness;
2014-12-14 12:22:13 +00:00
background-color: $bg;
background-image: none;
2014-07-05 19:54:53 +00:00
transition: border 100ms ease;
box-shadow: inset 1px 0 alpha($dark_shadow, .1),
inset 0 1px alpha($dark_shadow, .12),
inset -1px 0 alpha($dark_shadow, .1),
inset 0 -1px alpha($dark_shadow, .05),
2014-12-14 12:46:10 +00:00
0 1px 2px -1px shade($bg, 1.4);
2014-07-05 19:54:53 +00:00
&:selected, &:selected:focus {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:insensitive {
2014-12-14 12:22:13 +00:00
background-color: shade($bg, .9);
background-image: none;
2014-07-05 19:54:53 +00:00
color: mix($bg, $fg, .5);
box-shadow: none;
}
&.progressbar {
@include linear-gradient($selected_bg_color);
border-width: 0;
border-radius: $roundness;
color: $selected_fg_color;
}
2014-12-14 12:46:10 +00:00
&.image.left { padding-right: $spacing; }
2014-07-05 19:54:53 +00:00
}
@include exports("entry") {
.entry { @include entry($base_color, $text_color); }
}
2014-11-29 13:02:31 +00:00
/******************
! Combobox entry *
*******************/
2014-12-08 19:47:23 +00:00
@include exports("combobox") {
GtkComboBox {
&.combobox-entry {
.entry {
&, &:hover, &:focus, &:active, &:insensitive {
border-width: 1px 0 1px 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
2014-11-29 13:02:31 +00:00
2014-12-08 19:47:23 +00:00
.button {
&, &:hover, &:focus, &:active, &:insensitive {
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
}
2014-11-29 13:02:31 +00:00
}
2014-12-08 19:47:23 +00:00
.separator {
/* always disable separators */
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0;
border-style: none;
}
2014-11-29 13:02:31 +00:00
}
}