//This is the RIGHT PLACE to edit the stylesheet

//let's start by telling people not to edit the generated CSS:
$cakeisalie: "This stylesheet is generated, DO NOT EDIT";
/* #{$cakeisalie} */

/* Copyright 2009, 2015 Red Hat, Inc.
 *
 * Portions adapted from Mx's data/style/default.css
 *   Copyright 2009 Intel Corporation
 *
 * This program is free software; you can redistribute it and/or modify it
 * under the terms and conditions of the GNU Lesser General Public License,
 * version 2.1, as published by the Free Software Foundation.
 *
 * This program is distributed in the hope it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
 */

// Stage
//stage {
  //@include font(body-1);
  //color: $fg_color;
//}

$popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($base_color, 8%), 0.95));

%popover_bubble {
  color: $alt_fg_color;
  background-color: $popover_bubble_bg;
  border-radius: $mn_radius !important;
  border: none;
  box-shadow: 0 1px 2px rgba(black, 0.02) !important;
  text-shadow: none;

  &:hover, &:focus {
    color: $fg_color;
    background-color: if($variant == 'light', rgba($popover_bubble_bg, 1), rgba(lighten($popover_bubble_bg, 5%), 1));
    box-shadow: 0 1px 3px rgba(black, 0.05) !important;
  }

  &:active {
    color: $fg_color;
    background-color: if($variant == 'light', darken($popover_bubble_bg, 1%), lighten($popover_bubble_bg, 3%));
    box-shadow: none !important;
  }
}

%show_apps_bigsur {
  .show-apps-icon {
    color: transparent !important;
    background-image: url("assets/view-app-grid.svg");
    background-size: contain;
  }

  &,
  &:hover,
  &:active,
  &:checked,
  &:focus {
    .overview-icon, .show-apps-icon { color: transparent !important; }
  }
}

%osd_panel {
  color: $fg_color;
  background-color: $base_color;
  border-radius: $wm_radius;
  border: solid rgba(black, 0.75);
  border-width: if($variant=='light', 0, 1px);
  box-shadow: 0 3px 8px 0 rgba(black, 0.25);
  padding: $base_padding * 2;
}

%search-section-content-item {
  border-radius: $bt_radius;
  padding: $base_padding;
  transition-duration: 100ms;
  text-align: center;

  &:focus,
  &:hover,
  &:selected {
    background-color: $light_divider_color;
    transition-duration: 200ms;
  }

  &:active,
  &:checked {
    background-color: $light_track_color;
  }
}