Not used in GTK.
}
}
-.entry-tag {
- // sizing
- padding: 5px;
-
- margin-top: 2px;
- margin-bottom: 2px;
-
- // side margins: compensate the entry padding with a negative margin
- // then the negative margin itself
- :dir(ltr) & {
- margin-left: 8px;
- margin-right: -5px;
- }
- :dir(rtl) & {
- margin-left: -5px;
- margin-right: 8px;
- }
-
- border-style: none;
-
- $_entry_tag_color: if($variant=='light', $selected_fg_color, $base_color);
- color: $_entry_tag_color;
-
- $_entry_tag_bg: if($variant=='light', $selected_bg_color, mix($fg_color, $base_color, 50%));
- background-color: $_entry_tag_bg;
-
- &:hover {
- background-color: lighten($_entry_tag_bg, 10%);
- }
-
- :backdrop & {
- color: $backdrop_base_color;
- background-color: if($variant=='light', $selected_bg_color,
- mix($backdrop_fg_color, $backdrop_base_color, 50%));
- }
-
- &.button {
- background-color: transparent;
- color: transparentize($_entry_tag_color, 0.3);
- }
-
- :not(:backdrop) &.button {
- &:hover {
- border: 1px solid $_entry_tag_bg;
- color: $_entry_tag_color;
- }
- &:active {
- background-color: $_entry_tag_bg;
- color: transparentize($_entry_tag_color, 0.3);
- }
- }
-}
-
/***********
* Buttons *
***********/
treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; }
-.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #2d2d2d; background-color: #8e8e8d; }
-
-:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
-
-:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
-
-.entry-tag:hover { background-color: #a7a7a7; }
-
-:backdrop .entry-tag { color: #303030; background-color: #606060; }
-
-.entry-tag.button { background-color: transparent; color: rgba(45, 45, 45, 0.7); }
-
-:not(:backdrop) .entry-tag.button:hover { border: 1px solid #8e8e8d; color: #2d2d2d; }
-
-:not(:backdrop) .entry-tag.button:active { background-color: #8e8e8d; color: rgba(45, 45, 45, 0.7); }
-
/*********** Buttons * */
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1f76e1 0%, rgba(31, 118, 225, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #1f76e1 95%, rgba(31, 118, 225, 0)); } }
treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
-.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #3584e4; }
-
-:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
-
-:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
-
-.entry-tag:hover { background-color: #629fea; }
-
-:backdrop .entry-tag { color: #fcfcfc; background-color: #3584e4; }
-
-.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
-
-:not(:backdrop) .entry-tag.button:hover { border: 1px solid #3584e4; color: #ffffff; }
-
-:not(:backdrop) .entry-tag.button:active { background-color: #3584e4; color: rgba(255, 255, 255, 0.7); }
-
/*********** Buttons * */
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3584e4 0%, rgba(53, 132, 228, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #3584e4 95%, rgba(53, 132, 228, 0)); } }