@use 'leaflet.scss';
@use 'leaflet-velocity.scss';

* {
  /* 页面点击链接时会出现高亮框，此代码用来解决 */
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
  /* 移动端滑动流畅性 */
  /* ios5+ */
  -webkit-overflow-scrolling: touch;
}

:root {
  --user-select: 'inherit';
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
li,
ol,
dl,
dd,
dt,
nav,
main,
title,
aside,
footer,
section {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  user-select: var(--user-select, 'inherit');
  -webkit-touch-callout: none;
}

a {
  text-decoration: none;
}

input:focus,
textarea:focus,
button,
select:focus {
  outline: none;
}

ul,
ol,
li {
  list-style: none;
}

input,
select,
textarea {
  color: inherit;
  font-size: inherit;
}

html {
  width: 100%;
  height: 100%;

  /* rem固定比例 一般用于pc端 非响应式 1rem=100px */

  /* font-size: 100px; */

  /* 响应式 计算rem 要与设计图尺寸保持一致，eg：375尺寸的设计图，除以postcss.config.js的rootValue：100，得到3.75。最后写成 (100vw / 3.75) */
  // font-size: calc(100vw / 7.5);

  /* overflow-y: overlay; */
}

/* 禁止文本选中 */
.noSelect {
  user-select: none;
}