////////////////////////////////////////////////////////////////////////////////
//
//  Licensed to the Apache Software Foundation (ASF) under one or more
//  contributor license agreements.  See the NOTICE file distributed with
//  this work for additional information regarding copyright ownership.
//  The ASF licenses this file to You under the Apache License, Version 2.0
//  (the "License"); you may not use this file except in compliance with
//  the License.  You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//
////////////////////////////////////////////////////////////////////////////////

// Jewel ToggleButton

// ToggleButton variables
$togglebutton-margin: 0 !default
$togglebutton-padding: 0.68em 1.12em !default

.jewel.togglebutton
    margin: $togglebutton-margin
    padding: $togglebutton-padding

    cursor: pointer
    user-select: none

    display: inline-flex
    position: relative
    align-items: center
    justify-content: center
    zoom: 1
    vertical-align: middle
    overflow: hidden
    outline: none

    // -- BUTTON LABEL
    white-space: nowrap
    line-height: normal !important

    text:
        align: center
        decoration: none

    // &:focus

    &[disabled]
        cursor: default

    .fonticon
        cursor: inherit

@media -royale-swf
    j|ToggleTextButton
        //IBeadModel: ClassReference("org.apache.royale.jewel.beads.models.ToggleButtonModel")
        //IBeadView:  ClassReference("org.apache.royale.html.beads.CSSTextToggleButtonView")
