/*
* Copyright (c) 2018 elementary LLC. (https://elementary.io)
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public
* License as published by the Free Software Foundation; either
* version 2 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public
* License along with this program; if not, write to the
* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA 02110-1301 USA.
*/

.night-light-icon {
    animation: none;
    min-width: 24px;
    opacity: 1;
    transition: none;
    -gtk-icon-source: -gtk-icontheme("indicator-night-light-symbolic");
}

.night-light-icon.disabled {
    animation: night-light-disabled 160ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-symbolic");
}

@keyframes night-light-disabled {
    0% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-symbolic"); }
    10% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-10-symbolic"); }
    20% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-20-symbolic"); }
    30% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-30-symbolic"); }
    40% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-40-symbolic"); }
    50% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-50-symbolic"); }
    60% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-60-symbolic"); }
    70% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-70-symbolic"); }
    80% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-80-symbolic"); }
    90% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-90-symbolic"); }
    100% { -gtk-icon-source: -gtk-icontheme("indicator-night-light-disabled-symbolic"); }
}
