/*
 * 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.
 */

@import '@/common/style/variables.scss';
@import 'normalize.scss';

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before,
*:after {
    box-sizing: border-box;
}
body{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-variant-numeric: tabular-nums;
    font-size: $font-size-small;
    color: $text-color;
    line-height: $line-height-base;
}
.layout {
    position: $absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: $body-background;
}
.layout-content {
    height: 100%;
}
.layout-body{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    // padding: 54px 0 0;
    position: $relative;
}
.layout-top {
    padding: 54px 0 0;
}
.ivu-message {
    z-index: 2000 !important;
}
// Set the style of the scrollbar(设置滚动条的样式)
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
 //rolling groove(滚动槽)
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px $shadow-color;
    -webkit-box-shadow: inset 0 0 2px $shadow-color;
    border-radius: $border-radius-large;
    -webkit-border-radius: $border-radius-large;
    -moz-border-radius: $border-radius-large;
    -ms-border-radius: $border-radius-large;
    -o-border-radius: $border-radius-large;
}
//scroll bar slider(滚动条滑块)
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px $shadow-color;
    border-radius: $border-radius-large;
    background: $scrollbar-color;
    -webkit-box-shadow: inset 0 0 2px $shadow-color;
    -webkit-border-radius: $border-radius-large;
    -moz-border-radius: $border-radius-large;
    -ms-border-radius: $border-radius-large;
    -o-border-radius: $border-radius-large;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: $scrollbar-color;
}
.we-editor .monaco-editor .margin {
    background-color: #f2f3f6;
}
