diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 81e8939d..918714d0 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -283,69 +283,79 @@ spinner { /**************** * Text Entries * ****************/ + +%entry_basic { + min-height: $medium-size; + padding: 0 8px; + border-radius: $corner-radius; + caret-color: currentColor; // this shouldn't be needed. + + @include entry(normal); + + &:focus { @include entry(checked); } + + &:drop(active) { @include entry(hover); } + + &:disabled { @include entry(disabled); } +} + %entry, entry { - %entry_basic, & { - min-height: $medium-size; - padding: 0 8px; - border-radius: $corner-radius; - caret-color: currentColor; // this shouldn't be needed. + @extend %entry_basic; - @include entry(normal); + .background:not(.csd) & { + @include entry(solid); - &:focus { @include entry(checked); } + &:focus { @include entry(solid-checked); } - &:drop(active) { @include entry(hover); } + &:drop(active) { @include entry(solid-hover); } - &:disabled { @include entry(disabled); } + &:disabled { @include entry(solid-disabled); } + } - &.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; + &.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; + } + + image { // icons inside the entry + color: $text-secondary; + + &:hover, &:active { color: $text; } + + &:disabled { color: $text-disabled; } + + &.left { + margin-left: ($medium-size - 16px) / 2 - 8px; + margin-right: 6px; } - image { // icons inside the entry - color: $text-secondary; - - &:hover, &:active { color: $text; } - - &:disabled { color: $text-disabled; } - - &.left { - margin-left: ($medium-size - 16px) / 2 - 8px; - margin-right: 6px; - } - - &.right { - margin-left: 6px; - margin-right: ($medium-size - 16px) / 2 - 8px; - } + &.right { + margin-left: 6px; + margin-right: ($medium-size - 16px) / 2 - 8px; } + } - undershoot { - &.left { @include undershoot(left); } + undershoot { + &.left { @include undershoot(left); } - &.right { @include undershoot(right); } + &.right { @include undershoot(right); } + } + + selection { @extend %selected_items_primary; } + + // entry error and warning style + @each $e_type, $e_color in (error, $error), + (warning, $warning) { + &.#{$e_type} { + @include entry(normal, $e_color); + + &:focus { @include entry(checked, $e_color); } + + &:disabled { @include entry(disabled, $e_color); } } - - selection { @extend %selected_items_primary; } - - // entry error and warning style - @each $e_type, $e_color in (error, $error), - (warning, $warning) { - &.#{$e_type} { - @include entry(normal, $e_color); - - &:focus { @include entry(checked, $e_color); } - - &:disabled { @include entry(disabled, $e_color); } - } - } - - // .osd & { - // } } progress { diff --git a/src/sass/gtk/_drawing-3.0.scss b/src/sass/gtk/_drawing-3.0.scss index b9a7c999..ade7fac5 100644 --- a/src/sass/gtk/_drawing-3.0.scss +++ b/src/sass/gtk/_drawing-3.0.scss @@ -57,6 +57,34 @@ background-color: $entry; color: $text-disabled; } + + @if $t == solid { + transition: $transition, box-shadow $ripple-fade-out-duration $ease-out; + box-shadow: inset 0 0 0 2px transparent; + background-color: mix($text, $base, 5%); + color: $text; + } + + @if $t == solid-hover { + background-color: mix($text, $base, 10%); + box-shadow: inset 0 0 0 2px $overlay-hover; + } + + @if $t == solid-focus { + background-color: mix($text, $base, 8%); + box-shadow: inset 0 0 0 2px if($fc == $primary, $track, $fc); + } + + @if $t == solid-checked { + background-color: mix($text, $base, 5%); + box-shadow: inset 0 0 0 2px if($fc == $primary, $primary, $fc); + } + + @if $t == solid-disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: mix($text, $base, 3%); + color: $text-disabled; + } @if $t == raised-normal { transition: $transition, box-shadow $ripple-fade-out-duration $ease-out;