Warning, /plasma/breeze-gtk/src/gtk3/widgets/_switch.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002
0003 /**********
0004 * Switch *
0005 **********/
0006
0007 $switch-height: 24px;
0008
0009 switch {
0010 margin: 2px;
0011 font-weight: bold;
0012 font-size: smaller;
0013 border: 1px solid;
0014 border-radius: 12px;
0015 color: transparent;
0016 background-color: gtkalpha(
0017 gtk("@theme_button_foreground_normal"),
0018 0.05
0019 );
0020 border-color: gtkalpha(
0021 gtk("@theme_button_foreground_normal"),
0022 0.222
0023 );
0024 text-shadow: none;
0025
0026 &:disabled {
0027 background-color: gtkalpha(
0028 gtk("@theme_button_foreground_normal"),
0029 0.03
0030 );
0031 }
0032
0033 &:checked {
0034 background: gtkalpha(
0035 gtk("@theme_button_decoration_hover"),
0036 0.333
0037 );
0038 border-color: gtk("@theme_button_decoration_hover");
0039
0040 &:disabled {
0041 background: gtkalpha(
0042 gtk("@theme_button_decoration_hover"),
0043 0.222
0044 );
0045 border-color: gtkalpha(
0046 gtk("@theme_button_decoration_hover"),
0047 0.777
0048 );
0049 }
0050 }
0051
0052 &:dir(ltr) {
0053 &:checked slider {
0054 margin-left: 1px;
0055 }
0056 &:not(:checked) slider {
0057 margin-right: 1px;
0058 }
0059 }
0060
0061 slider {
0062 min-width: $switch-height;
0063 min-height: $switch-height;
0064 margin: -($switch-height / 6);
0065 border: 1px solid;
0066 border-radius: $switch-height / 2;
0067
0068 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
0069 border-color: gtk("@borders");
0070 @include bg-gradient(
0071 gtk("@theme_button_background_normal")
0072 );
0073 }
0074
0075 &:hover slider {
0076 border-color: gtk("@theme_button_decoration_hover");
0077 }
0078
0079 &:focus slider {
0080 border-color: gtk("@theme_button_decoration_focus");
0081 }
0082
0083 &:disabled slider {
0084 box-shadow: none;
0085 color: gtk("@theme_button_foreground_insensitive");
0086 border-color: gtk("@insensitive_borders");
0087 background: gtk("@theme_button_background_insensitive");
0088
0089 &:active,
0090 &:checked {
0091 color: gtk(
0092 "@theme_button_foreground_active_insensitive"
0093 );
0094 }
0095 }
0096 }