99 lines
2.6 KiB
SCSS
99 lines
2.6 KiB
SCSS
//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;
|
|
}
|
|
}
|