UPDATE
This commit is contained in:
fan
Vendored
+13
@@ -0,0 +1,13 @@
|
||||
|
||||
.lemonani-spin
|
||||
display inline-block
|
||||
animation lemonani-spin 1s infinite
|
||||
@keyframes lemonani-spin{
|
||||
0%{
|
||||
transform rotate(0deg)
|
||||
}
|
||||
100%{
|
||||
transform rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
@font-face {
|
||||
font-family: 'lemon-icons';
|
||||
src: url('//at.alicdn.com/t/font_1312162_neqltsj20an.eot');
|
||||
src: url('//at.alicdn.com/t/font_1312162_neqltsj20an.eot?#iefix') format('embedded-opentype'),
|
||||
url('//at.alicdn.com/t/font_1312162_neqltsj20an.woff2') format('woff2'),
|
||||
url('//at.alicdn.com/t/font_1312162_neqltsj20an.woff') format('woff'),
|
||||
url('//at.alicdn.com/t/font_1312162_neqltsj20an.ttf') format('truetype'),
|
||||
url('//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont') format('svg');
|
||||
|
||||
}
|
||||
[class^='lemon-icon-'],
|
||||
[class*=' lemon-icon-']
|
||||
font-family lemon-icons !important
|
||||
speak none
|
||||
font-style normal
|
||||
font-weight 400
|
||||
font-variant normal
|
||||
text-transform none
|
||||
line-height 1
|
||||
vertical-align baseline
|
||||
display inline-block
|
||||
|
||||
.lemon-icon-loading:before
|
||||
content '\e633'
|
||||
.lemon-icon-prompt:before
|
||||
content '\e71b'
|
||||
.lemon-icon-message:before
|
||||
content '\e84a'
|
||||
.lemon-icon-emoji:before
|
||||
content '\e6f6'
|
||||
.lemon-icon-attah:before
|
||||
content '\e7e1'
|
||||
.lemon-icon-image:before
|
||||
content '\e7de'
|
||||
.lemon-icon-folder:before
|
||||
content '\e7d1'
|
||||
.lemon-icon-people:before
|
||||
content '\e715'
|
||||
.lemon-icon-group:before
|
||||
content '\e6ff'
|
||||
.lemon-icon-addressbook:before
|
||||
content '\e6e2'
|
||||
@@ -1 +0,0 @@
|
||||
@import './normalize';
|
||||
@@ -0,0 +1,58 @@
|
||||
//@import './normalize';
|
||||
@import './animate';
|
||||
@import './icons';
|
||||
|
||||
// .lemon-tabs.ant-tabs-small.ant-tabs-card
|
||||
// .ant-tabs-card-bar
|
||||
// .ant-tabs-nav-container
|
||||
// height 30px
|
||||
// .ant-tabs-tab
|
||||
// line-height 28px
|
||||
// font-size 12px
|
||||
// .ant-tabs-content
|
||||
// .ant-tabs-tabpane
|
||||
// padding 10px
|
||||
|
||||
|
||||
// .lemon-tabs.ant-tabs-card
|
||||
// background #eee
|
||||
// overflow hidden
|
||||
// >.ant-tabs-content
|
||||
// height 120px
|
||||
// margin-top -16px
|
||||
// background #f6f6f6
|
||||
// >.ant-tabs-tabpane
|
||||
// background #f6f6f6
|
||||
// padding 16px
|
||||
// >.ant-tabs-bar
|
||||
// border-color #f6f6f6
|
||||
// user-select none
|
||||
// .ant-tabs-tab
|
||||
// border-color transparent
|
||||
// background transparent
|
||||
// border none
|
||||
// border-radius 0
|
||||
// margin 0
|
||||
// .ant-tabs-tab-active
|
||||
// border-color #f6f6f6
|
||||
// background #f6f6f6
|
||||
// .ant-tabs-tab-arrow-show
|
||||
// top -2px
|
||||
.lemon-tabs.ant-tabs-card
|
||||
background #eee
|
||||
border-radius 4px
|
||||
overflow hidden
|
||||
.ant-tabs-content
|
||||
background #f6f6f6
|
||||
.ant-tabs-bottom-bar
|
||||
margin-top 0
|
||||
border 0
|
||||
.ant-tabs-card-bar
|
||||
.ant-tabs-tab
|
||||
border-color transparent
|
||||
background transparent
|
||||
border none
|
||||
border-radius 0
|
||||
margin-right 0
|
||||
.ant-tabs-tab-active
|
||||
background #f6f6f6
|
||||
-38
@@ -1,38 +0,0 @@
|
||||
/**
|
||||
* 基本样式入口
|
||||
*/
|
||||
|
||||
html {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a,
|
||||
input,
|
||||
button,
|
||||
textarea {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea {
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
html
|
||||
-webkit-tap-highlight-color transparent
|
||||
body
|
||||
margin 0
|
||||
a
|
||||
text-decoration none
|
||||
a
|
||||
input
|
||||
button
|
||||
textarea
|
||||
&:focus
|
||||
outline none
|
||||
ol
|
||||
ul
|
||||
margin 0
|
||||
padding 0
|
||||
list-style none
|
||||
input
|
||||
button
|
||||
textarea
|
||||
font inherit
|
||||
color inherit
|
||||
|
||||
@@ -0,0 +1,67 @@
|
||||
// -----------------------------------------------------------------------------
|
||||
// bem-sugar.styl --- Bem mixins for stylus language
|
||||
//
|
||||
// Copyright (c) 2017 Ilya Obuhov
|
||||
//
|
||||
// Author: Ilya Obuhov <iobuhov.mail@gmail.com>
|
||||
// URL: https://github.com/iobuhov/stylus-bem-sugar
|
||||
|
||||
|
||||
e-prefix ?= '__'
|
||||
m-prefix ?= '--'
|
||||
m-delimiter ?= '_'
|
||||
group-store = ()
|
||||
|
||||
str()
|
||||
join('', arguments)
|
||||
|
||||
b(name)
|
||||
.{name}
|
||||
{block}
|
||||
|
||||
group()
|
||||
caller = called-from[0]
|
||||
level = length(called-from) + 1
|
||||
elements = group-store[level]
|
||||
selector = ()
|
||||
parent = null
|
||||
{join(',', elements)}
|
||||
{block}
|
||||
group-store[level] = null
|
||||
|
||||
m(mod, val=null)
|
||||
val = val && m-delimiter + val
|
||||
mod = m-prefix + mod
|
||||
mod = val ? mod + val : mod
|
||||
caller = called-from[0]
|
||||
if caller in ('group')
|
||||
level = length(called-from)
|
||||
mod = str('&', mod)
|
||||
if group-store[level] == null
|
||||
group-store[level] = mod
|
||||
else
|
||||
push(group-store[level], mod)
|
||||
&{mod}
|
||||
{block}
|
||||
|
||||
e(element)
|
||||
element = e-prefix + element
|
||||
caller = called-from[0]
|
||||
gcaller = called-from[1]
|
||||
if caller in ('group')
|
||||
level = length(called-from)
|
||||
if gcaller in ('e' 'm')
|
||||
element = str('& ^[0]', element)
|
||||
else
|
||||
element = str('^[0]', element)
|
||||
if group-store[level] == null
|
||||
group-store[level] = element
|
||||
else
|
||||
push(group-store[level], element)
|
||||
else
|
||||
if caller in ('e' 'm')
|
||||
& ^[0]{element}
|
||||
{block}
|
||||
else
|
||||
&{element}
|
||||
{block}
|
||||
@@ -0,0 +1,47 @@
|
||||
flex-column()
|
||||
display flex
|
||||
flex-direction column
|
||||
|
||||
scrollbar-theme($color=#1f252d, $background=#6d6d6d)
|
||||
&::-webkit-scrollbar
|
||||
width 5px
|
||||
height 5px
|
||||
|
||||
&::-webkit-scrollbar-track-piece
|
||||
background-color $background
|
||||
|
||||
&::-webkit-scrollbar-thumb:vertical
|
||||
height 5px
|
||||
background-color $color
|
||||
|
||||
&::-webkit-scrollbar-thumb:horizontal
|
||||
width 5px
|
||||
background-color $background
|
||||
|
||||
scrollbar-dark()
|
||||
scrollbar-theme()
|
||||
|
||||
scrollbar-light()
|
||||
scrollbar-theme(#aaa, transparent)
|
||||
|
||||
|
||||
vertical-center()
|
||||
&::after
|
||||
display inline-block
|
||||
content ''
|
||||
height 100%
|
||||
vertical-align middle
|
||||
|
||||
position-center($type fixed)
|
||||
position $type
|
||||
top 50%
|
||||
left 50%
|
||||
transform translate(-50%, -50%)
|
||||
ellipsis()
|
||||
text-overflow ellipsis
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
word-break()
|
||||
word-break break-all
|
||||
word-wrap break-word
|
||||
white-space pre-wrap
|
||||
@@ -1,2 +0,0 @@
|
||||
@import './mixins';
|
||||
@import './var';
|
||||
@@ -0,0 +1,5 @@
|
||||
@import './functional';
|
||||
@import './bem';
|
||||
@import './var';
|
||||
|
||||
|
||||
@@ -1,94 +0,0 @@
|
||||
//BEM
|
||||
$fi-namespace: 'lemon';
|
||||
|
||||
@mixin b($block) {
|
||||
$selector: $fi-namespace + '-' + $block;
|
||||
.#{$selector} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin e($element) {
|
||||
$selector: '__' + $element;
|
||||
&#{$selector} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin m($modifier) {
|
||||
$selector: '--' + $modifier;
|
||||
&#{$selector} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin bem($block, $element: false, $modifier: false) {
|
||||
$selector: '.';
|
||||
@if $block {
|
||||
$selector: $fi-namespace + '-' + $block;
|
||||
}
|
||||
@if $element {
|
||||
$selector: $selector + '__' + $element;
|
||||
}
|
||||
@if $modifier {
|
||||
$selector: $selector + '--' + $modifier;
|
||||
}
|
||||
& .#{$selector} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin user-select($value) {
|
||||
-moz-user-select: $value;
|
||||
-webkit-user-select: $value;
|
||||
-ms-user-select: $value;
|
||||
}
|
||||
|
||||
@mixin scrollbar-theme($color: #1f252d, $background: #6d6d6d) {
|
||||
&::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
&::-webkit-scrollbar-track-piece {
|
||||
background-color: $background;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb:vertical {
|
||||
height: 5px;
|
||||
background-color: $color;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb:horizontal {
|
||||
width: 5px;
|
||||
background-color: $background;
|
||||
}
|
||||
}
|
||||
@mixin scrollbar-dark() {
|
||||
@include scrollbar-theme();
|
||||
}
|
||||
@mixin scrollbar-light() {
|
||||
@include scrollbar-theme(#aaa, #fff);
|
||||
}
|
||||
|
||||
@mixin vertical-center {
|
||||
$selector: &;
|
||||
@at-root {
|
||||
#{$selector}::after {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin position-center($type: fixed) {
|
||||
position: $type;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
@mixin ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@mixin arrow {
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
//$color-primary: #2977fa;
|
||||
$color-primary: #1bc213;
|
||||
$color-light: #fff;
|
||||
/* 头像 */
|
||||
$avatar-size: 45px;
|
||||
$avatar-radius: 50%;
|
||||
|
||||
/** 标题 */
|
||||
$title-background: $color-primary;
|
||||
$title-color: $color-light;
|
||||
$title-height: 44px;
|
||||
/* 气泡 */
|
||||
$bubble-background: $color-primary;
|
||||
$bubble-color: $color-light;
|
||||
$bubble-radius: 12px;
|
||||
|
||||
$bubble-self-background: #e7ebef;
|
||||
$bubble-self-color: #606d84;
|
||||
|
||||
/* 输入框 */
|
||||
$editor-textarea-height: 40px;
|
||||
$editor-textarea-radius: 5px;
|
||||
|
||||
$editor-submit-disable-color: #bcbcbc;
|
||||
$editor-submit-disable-background: #ebebeb;
|
||||
$editor-submit-radius: $editor-textarea-radius;
|
||||
/*
|
||||
$bubble-self-background: #e7ebef;
|
||||
$bubble-self-color: #3a465d;
|
||||
*/
|
||||
@@ -0,0 +1,26 @@
|
||||
//color-primary #2977fa
|
||||
color-primary = #1bc213
|
||||
color-light = #fff
|
||||
/* 头像 */
|
||||
avatar-size = 45px
|
||||
avatar-radius = 50%
|
||||
|
||||
/** 标题 */
|
||||
title-background = color-primary
|
||||
title-color = color-light
|
||||
title-height = 44px
|
||||
/* 气泡 */
|
||||
bubble-background = color-primary
|
||||
bubble-color = color-light
|
||||
bubble-radius = 12px
|
||||
|
||||
bubble-self-background = #e7ebef
|
||||
bubble-self-color = #606d84
|
||||
|
||||
/* 输入框 */
|
||||
editor-textarea-height = 40px
|
||||
editor-textarea-radius = 5px
|
||||
|
||||
editor-submit-disable-color = #bcbcbc
|
||||
editor-submit-disable-background = #ebebeb
|
||||
editor-submit-radius = editor-textarea-radius
|
||||
Reference in New Issue
Block a user