by roundabout, Wednesday, 24 February 2016, 17:01:01 (1456333261), pushed by roundabout, Sunday, 11 May 2025, 13:21:54 (1746969714)
Author identity: nana4 <hnmaigo@gmail.com>
99e5828a1477d0788a3f05bf92cdd0efd34051c9
gtk-3.0/_common.scss
@@ -13,8 +13,10 @@ $material_timing_function: cubic-bezier(0.4, 0, 0.2, 1);
* {
padding: 0;
background-clip: padding-box;
// transition: all $material_duration $material_timing_function;
transition: all $material_duration $material_timing_function, color 0; //FIXME:
transition-property: opacity, border-color, border-image, box-shadow,
background-color, background-image, text-shadow, icon-shadow;
transition-duration: $material_duration;
transition-timing-function: $material_timing_function;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: $error_color;
@@ -931,7 +933,6 @@ column-header {
}
column-header.button.dnd { // for treeview-like derive widgets
// transition: none;
border-left-style: solid;
color: $selected_bg_color;
}
@@ -1794,6 +1795,8 @@ GtkScrolledWindow {
linear-gradient(to bottom, gtkalpha(currentColor, 0.05));
}
&:active {
transition-property: opacity, border-color, border-image, box-shadow,
background-color, text-shadow, icon-shadow; // Remove background-image
animation: list_ripple_effect $material_duration $material_timing_function forwards;
}
}
@@ -1812,7 +1815,7 @@ GtkScrolledWindow {
// transition
.list-row {
&:hover { transition: none; }
&:hover { transition-duration: 0; }
}
@@ -1979,7 +1982,7 @@ GtkPlacesSidebar.sidebar {
}
// this is for indicating which sidebar row generated a popover
// see https://bugzilla.gnome.org/show_bug.cgi?id=754411
.has-open-popup { @extend .list-row.activatable:active; transition: none; }
.has-open-popup { @extend .list-row.activatable:active; }
}
.sidebar-item {
@@ -2223,7 +2226,6 @@ GtkVolumeButton.button {
padding: 3px 0 4px;
border: 1px solid $borders_color;
background-color: $base_color;
transition: none;
}
.floating-bar.bottom.left { /* axes left border and border radius */
gtk-3.0/_drawing.scss
@@ -171,7 +171,8 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
//
box-shadow: $z-depth-2;
color: $fg_color;
transition-duration: 0;
transition-property: opacity, border-color, border-image, box-shadow,
background-color, text-shadow, icon-shadow; // Remove background-image
animation: ripple_effect $material_duration $material_timing_function forwards;
}
@else if $t==insensitive {
@@ -229,6 +230,8 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
// pushed flat button
//
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow,
background-color, text-shadow, icon-shadow; // Remove background-image
animation: flat_ripple_effect $material_duration $material_timing_function forwards;
}
@else if $t==flat-insensitive {
gtk-3.0/gtk-dark.css
@@ -16,7 +16,9 @@
* {
padding: 0;
background-clip: padding-box;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, background-image, text-shadow, icon-shadow;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #DD2C00;
-GtkCheckButton-indicator-size: 20;
@@ -260,7 +262,7 @@ GtkTextView {
.button:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
color: #FFFFFF;
transition-duration: 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button:insensitive {
box-shadow: none;
@@ -289,6 +291,7 @@ GtkTextView {
.button.flat:active, .inline-toolbar .button:active, .osd .toolbar .button:active, .toolbar.osd .button:active, .app-notification .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button.flat:insensitive, .inline-toolbar .button:insensitive, .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action),
.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive {
@@ -479,6 +482,7 @@ GtkColorButton.button {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.spinbutton .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.spinbutton .button:insensitive {
box-shadow: none;
@@ -636,7 +640,7 @@ GtkComboBox {
.header-bar.selection-mode .button.suggested-action:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
color: #FFFFFF;
transition-duration: 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
@@ -838,6 +842,7 @@ column-header.button.dnd, column-header .button.dnd {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.popover .linked > .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.popover .linked > .button:insensitive {
box-shadow: none;
@@ -1025,6 +1030,7 @@ column-header.button.dnd, column-header .button.dnd {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.notebook tab .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.notebook tab .button:insensitive {
box-shadow: none;
@@ -1708,6 +1714,7 @@ GtkScrolledWindow GtkViewport.frame {
.list-row.activatable:hover, .view:hover, column-header .button:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.list-row:selected .button:insensitive {
@@ -1728,7 +1735,7 @@ GtkScrolledWindow GtkViewport.frame {
color: rgba(255, 255, 255, 0.3); }
.list-row:hover {
transition: none; }
transition-duration: 0; }
/*********************
* App Notifications *
@@ -1766,6 +1773,7 @@ GtkCalendar {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
GtkCalendar.button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
GtkCalendar.button:insensitive {
box-shadow: none;
@@ -1831,8 +1839,6 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
color: #FF4081; }
.sidebar-button.button.image-button {
padding: 4px; }
GtkPlacesSidebar.sidebar .has-open-popup {
transition: none; }
.sidebar-item {
padding: 10px 4px; }
@@ -2177,8 +2183,7 @@ GtkColorSwatch {
.floating-bar {
padding: 3px 0 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: #455A64;
transition: none; }
background-color: #455A64; }
.floating-bar.bottom.left {
/* axes left border and border radius */
gtk-3.0/gtk.css
@@ -16,7 +16,9 @@
* {
padding: 0;
background-clip: padding-box;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, background-image, text-shadow, icon-shadow;
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #DD2C00;
-GtkCheckButton-indicator-size: 20;
@@ -260,7 +262,7 @@ GtkTextView {
.button:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
color: rgba(0, 0, 0, 0.8);
transition-duration: 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button:insensitive {
box-shadow: none;
@@ -289,6 +291,7 @@ GtkTextView {
.button.flat:active, .inline-toolbar .button:active, .osd .toolbar .button:active, .toolbar.osd .button:active, .app-notification .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button.flat:insensitive, .inline-toolbar .button:insensitive, .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action),
.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive {
@@ -479,6 +482,7 @@ GtkColorButton.button {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.spinbutton .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.spinbutton .button:insensitive {
box-shadow: none;
@@ -636,7 +640,7 @@ GtkComboBox {
.header-bar.selection-mode .button.suggested-action:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
color: rgba(0, 0, 0, 0.8);
transition-duration: 0;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
@@ -838,6 +842,7 @@ column-header.button.dnd, column-header .button.dnd {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.popover .linked > .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.popover .linked > .button:insensitive {
box-shadow: none;
@@ -1025,6 +1030,7 @@ column-header.button.dnd, column-header .button.dnd {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
.notebook tab .button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.notebook tab .button:insensitive {
box-shadow: none;
@@ -1708,6 +1714,7 @@ GtkScrolledWindow GtkViewport.frame {
.list-row.activatable:hover, .view:hover, column-header .button:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.list-row:selected .button:insensitive {
@@ -1728,7 +1735,7 @@ GtkScrolledWindow GtkViewport.frame {
color: rgba(0, 0, 0, 0.24); }
.list-row:hover {
transition: none; }
transition-duration: 0; }
/*********************
* App Notifications *
@@ -1766,6 +1773,7 @@ GtkCalendar {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
GtkCalendar.button:active {
box-shadow: none;
transition-property: opacity, border-color, border-image, box-shadow, background-color, text-shadow, icon-shadow;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
GtkCalendar.button:insensitive {
box-shadow: none;
@@ -1831,8 +1839,6 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
color: #FF4081; }
.sidebar-button.button.image-button {
padding: 4px; }
GtkPlacesSidebar.sidebar .has-open-popup {
transition: none; }
.sidebar-item {
padding: 10px 4px; }
@@ -2177,8 +2183,7 @@ GtkColorSwatch {
.floating-bar {
padding: 3px 0 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
transition: none; }
background-color: #FFFFFF; }
.floating-bar.bottom.left {
/* axes left border and border radius */