jimu-mobile/src/styles/base.less

积木组件库助力移动端开发

html, body {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  margin: 0;
  font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
  line-height: 1;
}
[class^="jimu"],[class^="jimu"] *,:after,:before {
  box-sizing: border-box
}
input, input:focus, button, button:focus {
    outline: none;
    border: none;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a {
    color: #7e8c8d;
    -webkit-backface-visibility: hidden
}
li {
    list-style: none
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.none,.hide {
  display: none;
}
&::-webkit-input-placeholder {
  color: #ccc
}
.lh-25{line-height: 25px;}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?p7xr9u');
  src:  url('fonts/icomoon.eot?p7xr9u#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?p7xr9u') format('truetype'),
    url('fonts/icomoon.woff?p7xr9u') format('woff'),
    url('fonts/icomoon.svg?p7xr9u#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-del:before {
  content: "\e1900";
}
.icon-jimu-artboard-add:before {
  content: "\e1901";
}
.icon-jimu-artboard-reduce:before {
  content: "\e1902";
}
.icon-jimu-batch-export:before {
  content: "\e1903";
}
.icon-jimu-batch-import:before {
  content: "\e1904";
}
.icon-jimu-briefcase:before {
  content: "\e1905";
}
.icon-jimu-car:before {
  content: "\e1906";
}
.icon-jimu-check-normal:before {
  content: "\e1907";
}
.icon-jimu-check:before {
  content: "\e1908";
}
.icon-jimu-company:before {
  content: "\e1909";
}
.icon-jimu-contact-phone:before {
  content: "\e190a";
}
.icon-jimu-coupons:before {
  content: "\e190b";
}
.icon-jimu-del:before {
  content: "\e190c";
}
.icon-jimu-delete:before {
  content: "\e190d";
}
.icon-jimu-download:before {
  content: "\e190e";
}
.icon-jimu-editor:before {
  content: "\e190f";
}
.icon-jimu-error:before {
  content: "\e1910";
}
.icon-jimu-export:before {
  content: "\e1911";
}
.icon-jimu-fast:before {
  content: "\e1912";
}
.icon-jimu-ic-add:before {
  content: "\e1913";
}
.icon-jimu-ic-wenjianjia:before {
  content: "\e1914";
}
.icon-jimu-import:before {
  content: "\e1915";
}
.icon-jimu-increase:before {
  content: "\e1916";
}
.icon-jimu-information:before {
  content: "\e1917";
}
.icon-jimu-left:before {
  content: "\e1918";
}
.icon-jimu-location:before {
  content: "\e1919";
}
.icon-jimu-message:before {
  content: "\e191a";
}
.icon-jimu-money:before {
  content: "\e191b";
}
.icon-jimu-one-way:before {
  content: "\e191c";
}
.icon-jimu-order:before {
  content: "\e191d";
}
.icon-jimu-password:before {
  content: "\e191e";
}
.icon-jimu-pay:before {
  content: "\e191f";
}
.icon-jimu-phone:before {
  content: "\e1920";
}
.icon-jimu-plane:before {
  content: "\e1921";
}
.icon-jimu-popup-right:before {
  content: "\e1922";
}
.icon-jimu-popup-warning:before {
  content: "\e1923";
}
.icon-jimu-print:before {
  content: "\e1924";
}
.icon-jimu-question:before {
  content: "\e1925";
}
.icon-jimu-radio-normal:before {
  content: "\e1926";
}
.icon-jimu-radio:before {
  content: "\e1927";
}
.icon-jimu-reduce:before {
  content: "\e1928";
}
.icon-jimu-reimburse:before {
  content: "\e1929";
}
.icon-jimu-return:before {
  content: "\e192a";
}
.icon-jimu-right:before {
  content: "\e192b";
}
.icon-jimu-rules:before {
  content: "\e192c";
}
.icon-jimu-search-2:before {
  content: "\e192d";
}
.icon-jimu-search:before {
  content: "\e192e";
}
.icon-jimu-setup:before {
  content: "\e192f";
}
.icon-jimu-shut-down:before {
  content: "\e1930";
}
.icon-jimu-spinner2:before {
  content: "\e1931";
}
.icon-jimu-spinner3:before {
  content: "\e1932";
}
.icon-jimu-successful:before {
  content: "\e1933";
}
.icon-jimu-time:before {
  content: "\e1934";
}
.icon-jimu-toast-right:before {
  content: "\e1935";
}
.icon-jimu-toast-warning:before {
  content: "\e1936";
}
.icon-jimu-toast-wrong:before {
  content: "\e1937";
}
.icon-jimu-travel:before {
  content: "\e1938";
}
.icon-jimu-trip-phone:before {
  content: "\e1939";
}
.icon-jimu-trip-star:before {
  content: "\e193a";
}
.icon-jimu-user:before {
  content: "\e193b";
}
.icon-jimu-wallet:before {
  content: "\e193c";
}
.icon-popup_right:before {
  content: "\e193d";
}
.icon-popup_warning:before {
  content: "\e193e";
}
.icon-search:before {
  content: "\e193f";
}
.icon-spinner2:before {
  content: "\e1940";
}
.icon-spinner3:before {
  content: "\e1941";
}
.icon-toast_right:before {
  content: "\e1942";
}
.icon-toast_warning:before {
  content: "\e1943";
}
.icon-toast_wrong:before {
  content: "\e1944";
}
.icon-trip_icon_phone:before {
  content: "\e1945";
}
.icon-trip_icon_star:before {
  content: "\e1946";
}