<commit_before>/*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

// TODO: I need to normalize the naming convention, because there isn't one ATM -TR

.x-document-button(@name) {
  background: url("../img/ico-@{name}-white.svg") no-repeat center;
  background-size: .8rem;
}

.document-controls__previous { .x-document-button("previous-arrow") }
.document-controls__next { .x-document-button("next-arrow") }

.toolbar-button, .toolbar__backToPs.button-simple{
    display: flex;
    align-items: center;
    justify-content: center;

    svg {
        box-sizing: content-box;
        width: 1.6rem;
        height: 1.6rem;
        padding-bottom: 0.2rem;
        border-bottom: @hairline solid transparent;
        fill: @warm-white;
        stroke: none;
        color: @warm-gray;
    }
}

.tool-selected svg {
    fill: @highlight;
    stroke: none;
}

.toolbar__backToPs.button-simple {
    position: absolute;
    bottom: 2rem;
    width: 5rem;
}

.panel__hide svg {
    fill: @warm-white;
    height: 0.8rem;
}

.button-generator {
    background: url(../img/ico-generator-white.svg) no-repeat;
    background-size: 2rem;
    background-position-x: 1rem;
    background-position-y: 0.5rem;
}

.pop-over-header .button-generator {
    background: url(../img/ico-generator-black.svg) no-repeat;
    background-size: 2rem;
    background-position-x: 1rem;
    background-position-y: 0.5rem;
}

.x-mode-button(@name) {
    background: url("../img/ico-@{name}-black.svg") no-repeat;
    background-size: 2rem;
}

#mode-grid { .x-mode-button(mode-grid) }

#mode-divide { .x-mode-button(mode-divide) }

#mode-inset { .x-mode-button(mode-inset) }

.button-toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    svg {
        width: 1.6rem;
        height: 2.4rem;
        fill: @warm-white;
        stroke: none;
        color: @warm-gray;
    }
}

.button-plus.button-simple {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;

    svg {
        width: 1.5rem;
        height: 1.5rem;
        stroke:  @color-subsection-rule;
    }
}

.face {
    .button-toggle {
        svg {
            display: none;
        }
    }

    .button-toggle[data-selected="true"], &:hover .button-toggle {
        svg {
            display: block;
            fill: @label-primary-color;
            stroke: none;
        }
    }
}


.face.face__select_immediate {
    .button-toggle,
    &:hover .button-toggle{
        svg {
            fill: @label-secondary-color;
            stroke: none;        
            display: block;
        }
    }
}

.face.face__not-visible:hover .button-toggle,<commit_msg>fixed fill for visibility/locked icon on selected layers<commit_after>/*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */

// TODO: I need to normalize the naming convention, because there isn't one ATM -TR

.x-document-button(@name) {
  background: url("../img/ico-@{name}-white.svg") no-repeat center;
  background-size: .8rem;
}

.document-controls__previous { .x-document-button("previous-arrow") }
.document-controls__next { .x-document-button("next-arrow") }

.toolbar-button, .toolbar__backToPs.button-simple{
    display: flex;
    align-items: center;
    justify-content: center;

    svg {
        box-sizing: content-box;
        width: 1.6rem;
        height: 1.6rem;
        padding-bottom: 0.2rem;
        border-bottom: @hairline solid transparent;
        fill: @warm-white;
        stroke: none;
        color: @warm-gray;
    }
}

.tool-selected svg {
    fill: @highlight;
    stroke: none;
}

.toolbar__backToPs.button-simple {
    position: absolute;
    bottom: 2rem;
    width: 5rem;
}

.panel__hide svg {
    fill: @warm-white;
    height: 0.8rem;
}

.button-generator {
    background: url(../img/ico-generator-white.svg) no-repeat;
    background-size: 2rem;
    background-position-x: 1rem;
    background-position-y: 0.5rem;
}

.pop-over-header .button-generator {
    background: url(../img/ico-generator-black.svg) no-repeat;
    background-size: 2rem;
    background-position-x: 1rem;
    background-position-y: 0.5rem;
}

.x-mode-button(@name) {
    background: url("../img/ico-@{name}-black.svg") no-repeat;
    background-size: 2rem;
}

#mode-grid { .x-mode-button(mode-grid) }

#mode-divide { .x-mode-button(mode-divide) }

#mode-inset { .x-mode-button(mode-inset) }

.button-toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    svg {
        width: 1.6rem;
        height: 2.4rem;
        fill: @warm-white;
        stroke: none;
        color: @warm-gray;
    }
}

.button-plus.button-simple {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;

    svg {
        width: 1.5rem;
        height: 1.5rem;
        stroke:  @color-subsection-rule;
    }
}

.face {
    .button-toggle {
        svg {
            display: none;
        }
    }

    .button-toggle[data-selected="true"], &:hover .button-toggle {
        svg {
            display: block;
            fill: @label-primary-color;
            stroke: none;
        }
    }
}


.face.face__select_immediate {
    .button-toggle,
    &:hover .button-toggle{
        svg {
            fill: @label-active-color;
            stroke: none;        
            display: block;
        }
    }
}

.face.face__not-visible:hover .button-toggle,
{'fraction_non_alphanumeric': 0.11745406824146981, 'fraction_numerical': 0.009448818897637795, 'mean_word_length': 2.589731512011305, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7291599', 'n_tokens_mistral': 2462, 'n_tokens_neox': 2337, 'n_words': 686}