Ver Código Fonte

命名与辅助类调整

guohh 6 anos atrás
pai
commit
a0dc7fd9b0

+ 126 - 91
ipuui/demo/biz/css/demo.css

@ -1,118 +1,153 @@
1
2 1
.demo-item{
3
    margin: .1rem;
2
  padding: .1rem 0;
4 3
}
5
.demo-desc {
6
    font-size: .17rem;
7
    color: #7CAE23;
4
.demo-item + .demo-item{
5
  border-top:1px solid #dedede;
8 6
}
9
.demo-block {
10
    position: relative;
11
    padding: .05rem 0;
7
.page-content {
8
  min-height: 100%;
9
  padding: .1rem 0;
12 10
}
13
.demo-txt>p{
14
    padding: .05rem 0;
11
.demo-title,
12
.ipu-grid-nine .ipu-icon {
13
  color: #0083D3;
15 14
}
16
.page-content{
17
    padding: .1rem 0;
15
.demo-title {
16
  font-size: .18rem;
17
  line-height: .2rem;
18
  padding: 0 .1rem;
18 19
}
19
.demo-fn-border>div{
20
    margin: .1rem;
20
21
.demo-body {
22
  position: relative;
23
  padding:0 .1rem;
24
  margin-top: .05rem;
21 25
}
22
.demo-fn-contain{
23
    background-color: #ddd;
24
    margin: .05rem;
25
    overflow: hidden;
26
.demo-content + .demo-content{
27
  margin-top: .1rem;
26 28
}
27
.demo-fn-contain>div{
28
    background-color: #fff;
29
    border: 1px solid #ccc;
29
/*
30
31
.demo-txt > p {
32
  padding: .05rem 0;
30 33
}
31
.demo-fn-align>div{
32
    margin: .1rem;
33
    background-color: #ddd;
34
35
.demo-fn-border > div {
36
  margin: .1rem;
34 37
}
35
.ipu-carousel-wrapper>li img{
36
    width: 100%;
37
    height: 184px;
38
    display: block;
38
39
.demo-fn-contain {
40
  background-color: #ddd;
41
  margin: .05rem;
42
  overflow: hidden;
39 43
}
40
pre code{
41
    white-space: pre-wrap;
44
45
.demo-fn-contain > div {
46
  background-color: #fff;
47
  border: 1px solid #ccc;
48
}
49
50
.demo-fn-align > div {
51
  margin: .1rem;
52
  background-color: #ddd;
42 53
}
43
.ipu-list-item-media img{
44
    width: .8rem;
45
    height: .8rem;
54
55
*/
56
.ipu-carousel-wrapper > li img {
57
  width: 100%;
58
  height: 184px;
59
  display: block;
46 60
}
61
62
63
.ipu-list-item-media img {
64
  width: .8rem;
65
  height: .8rem;
66
}
67
47 68
#layout .ipu-flex {
48
    min-height: 1.3rem;
49
    background-color: #ddd;
69
  min-height: 1.3rem;
70
  background-color: #ddd;
50 71
}
51
#layout .ipu-flex + .ipu-flex{
52
    margin-top: 10px;
72
73
#layout .ipu-flex + .ipu-flex {
74
  margin-top: 10px;
53 75
}
54
#grid .ipu-row-flex-ver{
55
    min-height: 100px;
76
77
#grid .ipu-row-flex-ver {
78
  min-height: 100px;
56 79
}
80
57 81
#grid .ipu-col {
58
    padding: .05rem;
59
    background: #777;
60
    text-align: center;
61
    border: 1px solid #ddd;
62
    color: #fff;
82
  padding: .05rem;
83
  background: #777;
84
  text-align: center;
85
  border: 1px solid #ddd;
86
  color: #fff;
63 87
}
88
64 89
#layout .ipu-flex-middle,
65 90
#layout .ipu-flex-tiled,
66
#layout .ipu-flex-middle-center{
67
    background-color: #eee;
68
    min-height: 1rem;
91
#layout .ipu-flex-middle-center {
92
  background-color: #eee;
93
  min-height: 1rem;
69 94
}
70
#layout .ipu-flex-middle div{
71
    height: .5rem;
72
    background-color: #ddd;
95
96
#layout .ipu-flex-middle div {
97
  height: .5rem;
98
  background-color: #ddd;
73 99
}
74
#layout .ipu-flex-middle i{
75
     height: .6rem;
76
     background-color: #aaa;
100
101
#layout .ipu-flex-middle i {
102
  height: .6rem;
103
  background-color: #aaa;
77 104
}
78
#layout .ipu-flex-tiled li{
79
    box-sizing: border-box;
80
    border: 1px solid #ccc;
105
106
#layout .ipu-flex-tiled li {
107
  box-sizing: border-box;
108
  border: 1px solid #ccc;
81 109
}
110
82 111
#layout .ipu-flex-tiled li div,
83
#layout .ipu-flex-tiled li i{
84
    background-color: #666;
85
    color: #eee;
86
    padding: .05rem;
87
}
88
#layout .ipu-flex div{
89
    background-color: #bbb;
90
}
91
#layout .ipu-flex div + div{
92
    min-width: 30px;
93
    min-height: 30px;
94
    background-color: #aaa;
95
}
96
#layout .ipu-flex div + div + div{
97
    min-width: 50px;
98
    min-height: 50px;
99
    background-color: #999;
100
}
101
#layout .ipu-middle-center{
102
    min-height: 1rem;
103
    background-color: #eee;
104
}
105
.page-back-home-index{
106
    position: absolute;
107
    z-index: 10001;
108
    bottom:20%;
109
    left:0;
110
    background-color: #0a001f;
111
    color: #eee;
112
    border-radius: .05rem;
113
    padding:.03rem .1rem;
114
    font-size: .14rem;
115
}
116
.page-modal .ipu-btn-wrap .ipu-btn{
117
    margin: .05rem;
112
#layout .ipu-flex-tiled li i {
113
  background-color: #666;
114
  color: #eee;
115
  padding: .05rem;
116
}
117
118
#layout .ipu-flex div {
119
  background-color: #bbb;
120
}
121
122
#layout .ipu-flex div + div {
123
  min-width: 30px;
124
  min-height: 30px;
125
  background-color: #aaa;
126
}
127
128
#layout .ipu-flex div + div + div {
129
  min-width: 50px;
130
  min-height: 50px;
131
  background-color: #999;
132
}
133
134
#layout .ipu-middle-center {
135
  min-height: 1rem;
136
  background-color: #eee;
137
}
138
139
.page-back-home-index {
140
  position: absolute;
141
  z-index: 10001;
142
  bottom: 20%;
143
  left: 0;
144
  background-color: #0a001f;
145
  color: #eee;
146
  border-radius: .05rem;
147
  padding: .03rem .1rem;
148
  font-size: .14rem;
149
}
150
151
.page-modal .ipu-btn-wrap .ipu-btn {
152
  margin: .05rem;
118 153
}

+ 1 - 0
ipuui/demo/biz/css/mdi/css/mdi.css

@ -0,0 +1 @@
1
/* MaterialDesignIcons.com */@font-face{font-family:"Material Design Icons";src:url("../fonts/mdi.woff2?v=2.7.94") format("woff2");font-weight:normal;font-style:normal}.mdi:before,.mdi-set{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mdi-access-point:before{content:"\F002"}.mdi-access-point-network:before{content:"\F003"}.mdi-account:before{content:"\F004"}.mdi-account-alert:before{content:"\F005"}.mdi-account-box:before{content:"\F006"}.mdi-account-box-multiple:before{content:"\F933"}.mdi-account-box-outline:before{content:"\F007"}.mdi-account-card-details:before{content:"\F5D2"}.mdi-account-check:before{content:"\F008"}.mdi-account-child:before{content:"\FA88"}.mdi-account-child-circle:before{content:"\FA89"}.mdi-account-circle:before{content:"\F009"}.mdi-account-convert:before{content:"\F00A"}.mdi-account-details:before{content:"\F631"}.mdi-account-edit:before{content:"\F6BB"}.mdi-account-group:before{content:"\F848"}.mdi-account-heart:before{content:"\F898"}.mdi-account-key:before{content:"\F00B"}.mdi-account-location:before{content:"\F00C"}.mdi-account-minus:before{content:"\F00D"}.mdi-account-multiple:before{content:"\F00E"}.mdi-account-multiple-check:before{content:"\F8C4"}.mdi-account-multiple-minus:before{content:"\F5D3"}.mdi-account-multiple-outline:before{content:"\F00F"}.mdi-account-multiple-plus:before{content:"\F010"}.mdi-account-multiple-plus-outline:before{content:"\F7FF"}.mdi-account-network:before{content:"\F011"}.mdi-account-off:before{content:"\F012"}.mdi-account-outline:before{content:"\F013"}.mdi-account-plus:before{content:"\F014"}.mdi-account-plus-outline:before{content:"\F800"}.mdi-account-remove:before{content:"\F015"}.mdi-account-search:before{content:"\F016"}.mdi-account-search-outline:before{content:"\F934"}.mdi-account-settings:before{content:"\F630"}.mdi-account-star:before{content:"\F017"}.mdi-account-supervisor:before{content:"\FA8A"}.mdi-account-supervisor-circle:before{content:"\FA8B"}.mdi-account-switch:before{content:"\F019"}.mdi-accusoft:before{content:"\F849"}.mdi-adjust:before{content:"\F01A"}.mdi-adobe:before{content:"\F935"}.mdi-air-conditioner:before{content:"\F01B"}.mdi-airballoon:before{content:"\F01C"}.mdi-airplane:before{content:"\F01D"}.mdi-airplane-landing:before{content:"\F5D4"}.mdi-airplane-off:before{content:"\F01E"}.mdi-airplane-takeoff:before{content:"\F5D5"}.mdi-airplay:before{content:"\F01F"}.mdi-airport:before{content:"\F84A"}.mdi-alarm:before{content:"\F020"}.mdi-alarm-bell:before{content:"\F78D"}.mdi-alarm-check:before{content:"\F021"}.mdi-alarm-light:before{content:"\F78E"}.mdi-alarm-multiple:before{content:"\F022"}.mdi-alarm-off:before{content:"\F023"}.mdi-alarm-plus:before{content:"\F024"}.mdi-alarm-snooze:before{content:"\F68D"}.mdi-album:before{content:"\F025"}.mdi-alert:before{content:"\F026"}.mdi-alert-box:before{content:"\F027"}.mdi-alert-circle:before{content:"\F028"}.mdi-alert-circle-outline:before{content:"\F5D6"}.mdi-alert-decagram:before{content:"\F6BC"}.mdi-alert-octagon:before{content:"\F029"}.mdi-alert-octagram:before{content:"\F766"}.mdi-alert-outline:before{content:"\F02A"}.mdi-alien:before{content:"\F899"}.mdi-all-inclusive:before{content:"\F6BD"}.mdi-alpha:before{content:"\F02B"}.mdi-alphabetical:before{content:"\F02C"}.mdi-altimeter:before{content:"\F5D7"}.mdi-amazon:before{content:"\F02D"}.mdi-amazon-alexa:before{content:"\F8C5"}.mdi-amazon-drive:before{content:"\F02E"}.mdi-ambulance:before{content:"\F02F"}.mdi-ampersand:before{content:"\FA8C"}.mdi-amplifier:before{content:"\F030"}.mdi-anchor:before{content:"\F031"}.mdi-android:before{content:"\F032"}.mdi-android-auto:before{content:"\FA8D"}.mdi-android-debug-bridge:before{content:"\F033"}.mdi-android-head:before{content:"\F78F"}.mdi-android-studio:before{content:"\F034"}.mdi-angle-acute:before{content:"\F936"}.mdi-angle-obtuse:before{content:"\F937"}.mdi-angle-right:before{content:"\F938"}.mdi-angular:before{content:"\F6B1"}.mdi-angularjs:before{content:"\F6BE"}.mdi-animation:before{content:"\F5D8"}.mdi-animation-outline:before{content:"\FA8E"}.mdi-animation-play:before{content:"\F939"}.mdi-animation-play-outline:before{content:"\FA8F"}.mdi-anvil:before{content:"\F89A"}.mdi-apple:before{content:"\F035"}.mdi-apple-finder:before{content:"\F036"}.mdi-apple-icloud:before{content:"\F038"}.mdi-apple-ios:before{content:"\F037"}.mdi-apple-keyboard-caps:before{content:"\F632"}.mdi-apple-keyboard-command:before{content:"\F633"}.mdi-apple-keyboard-control:before{content:"\F634"}.mdi-apple-keyboard-option:before{content:"\F635"}.mdi-apple-keyboard-shift:before{content:"\F636"}.mdi-apple-safari:before{content:"\F039"}.mdi-application:before{content:"\F614"}.mdi-apps:before{content:"\F03B"}.mdi-arch:before{content:"\F8C6"}.mdi-archive:before{content:"\F03C"}.mdi-arrange-bring-forward:before{content:"\F03D"}.mdi-arrange-bring-to-front:before{content:"\F03E"}.mdi-arrange-send-backward:before{content:"\F03F"}.mdi-arrange-send-to-back:before{content:"\F040"}.mdi-arrow-all:before{content:"\F041"}.mdi-arrow-bottom-left:before{content:"\F042"}.mdi-arrow-bottom-left-bold-outline:before{content:"\F9B6"}.mdi-arrow-bottom-left-thick:before{content:"\F9B7"}.mdi-arrow-bottom-right:before{content:"\F043"}.mdi-arrow-bottom-right-bold-outline:before{content:"\F9B8"}.mdi-arrow-bottom-right-thick:before{content:"\F9B9"}.mdi-arrow-collapse:before{content:"\F615"}.mdi-arrow-collapse-all:before{content:"\F044"}.mdi-arrow-collapse-down:before{content:"\F791"}.mdi-arrow-collapse-horizontal:before{content:"\F84B"}.mdi-arrow-collapse-left:before{content:"\F792"}.mdi-arrow-collapse-right:before{content:"\F793"}.mdi-arrow-collapse-up:before{content:"\F794"}.mdi-arrow-collapse-vertical:before{content:"\F84C"}.mdi-arrow-decision:before{content:"\F9BA"}.mdi-arrow-decision-auto:before{content:"\F9BB"}.mdi-arrow-decision-auto-outline:before{content:"\F9BC"}.mdi-arrow-decision-outline:before{content:"\F9BD"}.mdi-arrow-down:before{content:"\F045"}.mdi-arrow-down-bold:before{content:"\F72D"}.mdi-arrow-down-bold-box:before{content:"\F72E"}.mdi-arrow-down-bold-box-outline:before{content:"\F72F"}.mdi-arrow-down-bold-circle:before{content:"\F047"}.mdi-arrow-down-bold-circle-outline:before{content:"\F048"}.mdi-arrow-down-bold-hexagon-outline:before{content:"\F049"}.mdi-arrow-down-bold-outline:before{content:"\F9BE"}.mdi-arrow-down-box:before{content:"\F6BF"}.mdi-arrow-down-drop-circle:before{content:"\F04A"}.mdi-arrow-down-drop-circle-outline:before{content:"\F04B"}.mdi-arrow-down-thick:before{content:"\F046"}.mdi-arrow-expand:before{content:"\F616"}.mdi-arrow-expand-all:before{content:"\F04C"}.mdi-arrow-expand-down:before{content:"\F795"}.mdi-arrow-expand-horizontal:before{content:"\F84D"}.mdi-arrow-expand-left:before{content:"\F796"}.mdi-arrow-expand-right:before{content:"\F797"}.mdi-arrow-expand-up:before{content:"\F798"}.mdi-arrow-expand-vertical:before{content:"\F84E"}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-left-bold:before{content:"\F730"}.mdi-arrow-left-bold-box:before{content:"\F731"}.mdi-arrow-left-bold-box-outline:before{content:"\F732"}.mdi-arrow-left-bold-circle:before{content:"\F04F"}.mdi-arrow-left-bold-circle-outline:before{content:"\F050"}.mdi-arrow-left-bold-hexagon-outline:before{content:"\F051"}.mdi-arrow-left-bold-outline:before{content:"\F9BF"}.mdi-arrow-left-box:before{content:"\F6C0"}.mdi-arrow-left-drop-circle:before{content:"\F052"}.mdi-arrow-left-drop-circle-outline:before{content:"\F053"}.mdi-arrow-left-right-bold-outline:before{content:"\F9C0"}.mdi-arrow-left-thick:before{content:"\F04E"}.mdi-arrow-right:before{content:"\F054"}.mdi-arrow-right-bold:before{content:"\F733"}.mdi-arrow-right-bold-box:before{content:"\F734"}.mdi-arrow-right-bold-box-outline:before{content:"\F735"}.mdi-arrow-right-bold-circle:before{content:"\F056"}.mdi-arrow-right-bold-circle-outline:before{content:"\F057"}.mdi-arrow-right-bold-hexagon-outline:before{content:"\F058"}.mdi-arrow-right-bold-outline:before{content:"\F9C1"}.mdi-arrow-right-box:before{content:"\F6C1"}.mdi-arrow-right-drop-circle:before{content:"\F059"}.mdi-arrow-right-drop-circle-outline:before{content:"\F05A"}.mdi-arrow-right-thick:before{content:"\F055"}.mdi-arrow-split-horizontal:before{content:"\F93A"}.mdi-arrow-split-vertical:before{content:"\F93B"}.mdi-arrow-top-left:before{content:"\F05B"}.mdi-arrow-top-left-bold-outline:before{content:"\F9C2"}.mdi-arrow-top-left-thick:before{content:"\F9C3"}.mdi-arrow-top-right:before{content:"\F05C"}.mdi-arrow-top-right-bold-outline:before{content:"\F9C4"}.mdi-arrow-top-right-thick:before{content:"\F9C5"}.mdi-arrow-up:before{content:"\F05D"}.mdi-arrow-up-bold:before{content:"\F736"}.mdi-arrow-up-bold-box:before{content:"\F737"}.mdi-arrow-up-bold-box-outline:before{content:"\F738"}.mdi-arrow-up-bold-circle:before{content:"\F05F"}.mdi-arrow-up-bold-circle-outline:before{content:"\F060"}.mdi-arrow-up-bold-hexagon-outline:before{content:"\F061"}.mdi-arrow-up-bold-outline:before{content:"\F9C6"}.mdi-arrow-up-box:before{content:"\F6C2"}.mdi-arrow-up-down-bold-outline:before{content:"\F9C7"}.mdi-arrow-up-drop-circle:before{content:"\F062"}.mdi-arrow-up-drop-circle-outline:before{content:"\F063"}.mdi-arrow-up-thick:before{content:"\F05E"}.mdi-artist:before{content:"\F802"}.mdi-aspect-ratio:before{content:"\FA23"}.mdi-assistant:before{content:"\F064"}.mdi-asterisk:before{content:"\F6C3"}.mdi-at:before{content:"\F065"}.mdi-atlassian:before{content:"\F803"}.mdi-atom:before{content:"\F767"}.mdi-attachment:before{content:"\F066"}.mdi-audio-video:before{content:"\F93C"}.mdi-audiobook:before{content:"\F067"}.mdi-augmented-reality:before{content:"\F84F"}.mdi-auto-fix:before{content:"\F068"}.mdi-auto-upload:before{content:"\F069"}.mdi-autorenew:before{content:"\F06A"}.mdi-av-timer:before{content:"\F06B"}.mdi-axe:before{content:"\F8C7"}.mdi-azure:before{content:"\F804"}.mdi-babel:before{content:"\FA24"}.mdi-baby:before{content:"\F06C"}.mdi-baby-buggy:before{content:"\F68E"}.mdi-backburger:before{content:"\F06D"}.mdi-backspace:before{content:"\F06E"}.mdi-backup-restore:before{content:"\F06F"}.mdi-badminton:before{content:"\F850"}.mdi-balloon:before{content:"\FA25"}.mdi-ballot:before{content:"\F9C8"}.mdi-ballot-outline:before{content:"\F9C9"}.mdi-bandcamp:before{content:"\F674"}.mdi-bank:before{content:"\F070"}.mdi-bank-transfer:before{content:"\FA26"}.mdi-bank-transfer-in:before{content:"\FA27"}.mdi-bank-transfer-out:before{content:"\FA28"}.mdi-barcode:before{content:"\F071"}.mdi-barcode-scan:before{content:"\F072"}.mdi-barley:before{content:"\F073"}.mdi-barrel:before{content:"\F074"}.mdi-baseball:before{content:"\F851"}.mdi-baseball-bat:before{content:"\F852"}.mdi-basecamp:before{content:"\F075"}.mdi-basket:before{content:"\F076"}.mdi-basket-fill:before{content:"\F077"}.mdi-basket-unfill:before{content:"\F078"}.mdi-basketball:before{content:"\F805"}.mdi-battery:before{content:"\F079"}.mdi-battery-10:before{content:"\F07A"}.mdi-battery-10-bluetooth:before{content:"\F93D"}.mdi-battery-20:before{content:"\F07B"}.mdi-battery-20-bluetooth:before{content:"\F93E"}.mdi-battery-30:before{content:"\F07C"}.mdi-battery-30-bluetooth:before{content:"\F93F"}.mdi-battery-40:before{content:"\F07D"}.mdi-battery-40-bluetooth:before{content:"\F940"}.mdi-battery-50:before{content:"\F07E"}.mdi-battery-50-bluetooth:before{content:"\F941"}.mdi-battery-60:before{content:"\F07F"}.mdi-battery-60-bluetooth:before{content:"\F942"}.mdi-battery-70:before{content:"\F080"}.mdi-battery-70-bluetooth:before{content:"\F943"}.mdi-battery-80:before{content:"\F081"}.mdi-battery-80-bluetooth:before{content:"\F944"}.mdi-battery-90:before{content:"\F082"}.mdi-battery-90-bluetooth:before{content:"\F945"}.mdi-battery-alert:before{content:"\F083"}.mdi-battery-alert-bluetooth:before{content:"\F946"}.mdi-battery-bluetooth:before{content:"\F947"}.mdi-battery-bluetooth-variant:before{content:"\F948"}.mdi-battery-charging:before{content:"\F084"}.mdi-battery-charging-10:before{content:"\F89B"}.mdi-battery-charging-100:before{content:"\F085"}.mdi-battery-charging-20:before{content:"\F086"}.mdi-battery-charging-30:before{content:"\F087"}.mdi-battery-charging-40:before{content:"\F088"}.mdi-battery-charging-50:before{content:"\F89C"}.mdi-battery-charging-60:before{content:"\F089"}.mdi-battery-charging-70:before{content:"\F89D"}.mdi-battery-charging-80:before{content:"\F08A"}.mdi-battery-charging-90:before{content:"\F08B"}.mdi-battery-charging-outline:before{content:"\F89E"}.mdi-battery-charging-wireless:before{content:"\F806"}.mdi-battery-charging-wireless-10:before{content:"\F807"}.mdi-battery-charging-wireless-20:before{content:"\F808"}.mdi-battery-charging-wireless-30:before{content:"\F809"}.mdi-battery-charging-wireless-40:before{content:"\F80A"}.mdi-battery-charging-wireless-50:before{content:"\F80B"}.mdi-battery-charging-wireless-60:before{content:"\F80C"}.mdi-battery-charging-wireless-70:before{content:"\F80D"}.mdi-battery-charging-wireless-80:before{content:"\F80E"}.mdi-battery-charging-wireless-90:before{content:"\F80F"}.mdi-battery-charging-wireless-alert:before{content:"\F810"}.mdi-battery-charging-wireless-outline:before{content:"\F811"}.mdi-battery-minus:before{content:"\F08C"}.mdi-battery-negative:before{content:"\F08D"}.mdi-battery-outline:before{content:"\F08E"}.mdi-battery-plus:before{content:"\F08F"}.mdi-battery-positive:before{content:"\F090"}.mdi-battery-unknown:before{content:"\F091"}.mdi-battery-unknown-bluetooth:before{content:"\F949"}.mdi-beach:before{content:"\F092"}.mdi-beaker:before{content:"\F68F"}.mdi-beats:before{content:"\F097"}.mdi-bed-empty:before{content:"\F89F"}.mdi-beer:before{content:"\F098"}.mdi-behance:before{content:"\F099"}.mdi-bell:before{content:"\F09A"}.mdi-bell-off:before{content:"\F09B"}.mdi-bell-off-outline:before{content:"\FA90"}.mdi-bell-outline:before{content:"\F09C"}.mdi-bell-plus:before{content:"\F09D"}.mdi-bell-plus-outline:before{content:"\FA91"}.mdi-bell-ring:before{content:"\F09E"}.mdi-bell-ring-outline:before{content:"\F09F"}.mdi-bell-sleep:before{content:"\F0A0"}.mdi-bell-sleep-outline:before{content:"\FA92"}.mdi-beta:before{content:"\F0A1"}.mdi-betamax:before{content:"\F9CA"}.mdi-bible:before{content:"\F0A2"}.mdi-bike:before{content:"\F0A3"}.mdi-bing:before{content:"\F0A4"}.mdi-binoculars:before{content:"\F0A5"}.mdi-bio:before{content:"\F0A6"}.mdi-biohazard:before{content:"\F0A7"}.mdi-bitbucket:before{content:"\F0A8"}.mdi-bitcoin:before{content:"\F812"}.mdi-black-mesa:before{content:"\F0A9"}.mdi-blackberry:before{content:"\F0AA"}.mdi-blender:before{content:"\F0AB"}.mdi-blinds:before{content:"\F0AC"}.mdi-block-helper:before{content:"\F0AD"}.mdi-blogger:before{content:"\F0AE"}.mdi-bluetooth:before{content:"\F0AF"}.mdi-bluetooth-audio:before{content:"\F0B0"}.mdi-bluetooth-connect:before{content:"\F0B1"}.mdi-bluetooth-off:before{content:"\F0B2"}.mdi-bluetooth-settings:before{content:"\F0B3"}.mdi-bluetooth-transfer:before{content:"\F0B4"}.mdi-blur:before{content:"\F0B5"}.mdi-blur-linear:before{content:"\F0B6"}.mdi-blur-off:before{content:"\F0B7"}.mdi-blur-radial:before{content:"\F0B8"}.mdi-bomb:before{content:"\F690"}.mdi-bomb-off:before{content:"\F6C4"}.mdi-bone:before{content:"\F0B9"}.mdi-book:before{content:"\F0BA"}.mdi-book-lock:before{content:"\F799"}.mdi-book-lock-open:before{content:"\F79A"}.mdi-book-minus:before{content:"\F5D9"}.mdi-book-multiple:before{content:"\F0BB"}.mdi-book-multiple-minus:before{content:"\FA93"}.mdi-book-multiple-plus:before{content:"\FA94"}.mdi-book-multiple-remove:before{content:"\FA95"}.mdi-book-multiple-variant:before{content:"\F0BC"}.mdi-book-open:before{content:"\F0BD"}.mdi-book-open-page-variant:before{content:"\F5DA"}.mdi-book-open-variant:before{content:"\F0BE"}.mdi-book-plus:before{content:"\F5DB"}.mdi-book-remove:before{content:"\FA96"}.mdi-book-variant:before{content:"\F0BF"}.mdi-bookmark:before{content:"\F0C0"}.mdi-bookmark-check:before{content:"\F0C1"}.mdi-bookmark-minus:before{content:"\F9CB"}.mdi-bookmark-minus-outline:before{content:"\F9CC"}.mdi-bookmark-music:before{content:"\F0C2"}.mdi-bookmark-off:before{content:"\F9CD"}.mdi-bookmark-off-outline:before{content:"\F9CE"}.mdi-bookmark-outline:before{content:"\F0C3"}.mdi-bookmark-plus:before{content:"\F0C5"}.mdi-bookmark-plus-outline:before{content:"\F0C4"}.mdi-bookmark-remove:before{content:"\F0C6"}.mdi-boombox:before{content:"\F5DC"}.mdi-bootstrap:before{content:"\F6C5"}.mdi-border-all:before{content:"\F0C7"}.mdi-border-all-variant:before{content:"\F8A0"}.mdi-border-bottom:before{content:"\F0C8"}.mdi-border-bottom-variant:before{content:"\F8A1"}.mdi-border-color:before{content:"\F0C9"}.mdi-border-horizontal:before{content:"\F0CA"}.mdi-border-inside:before{content:"\F0CB"}.mdi-border-left:before{content:"\F0CC"}.mdi-border-left-variant:before{content:"\F8A2"}.mdi-border-none:before{content:"\F0CD"}.mdi-border-none-variant:before{content:"\F8A3"}.mdi-border-outside:before{content:"\F0CE"}.mdi-border-right:before{content:"\F0CF"}.mdi-border-right-variant:before{content:"\F8A4"}.mdi-border-style:before{content:"\F0D0"}.mdi-border-top:before{content:"\F0D1"}.mdi-border-top-variant:before{content:"\F8A5"}.mdi-border-vertical:before{content:"\F0D2"}.mdi-bottle-wine:before{content:"\F853"}.mdi-bow-tie:before{content:"\F677"}.mdi-bowl:before{content:"\F617"}.mdi-bowling:before{content:"\F0D3"}.mdi-box:before{content:"\F0D4"}.mdi-box-cutter:before{content:"\F0D5"}.mdi-box-shadow:before{content:"\F637"}.mdi-braille:before{content:"\F9CF"}.mdi-brain:before{content:"\F9D0"}.mdi-bridge:before{content:"\F618"}.mdi-briefcase:before{content:"\F0D6"}.mdi-briefcase-check:before{content:"\F0D7"}.mdi-briefcase-download:before{content:"\F0D8"}.mdi-briefcase-edit:before{content:"\FA97"}.mdi-briefcase-minus:before{content:"\FA29"}.mdi-briefcase-outline:before{content:"\F813"}.mdi-briefcase-plus:before{content:"\FA2A"}.mdi-briefcase-remove:before{content:"\FA2B"}.mdi-briefcase-search:before{content:"\FA2C"}.mdi-briefcase-upload:before{content:"\F0D9"}.mdi-brightness-1:before{content:"\F0DA"}.mdi-brightness-2:before{content:"\F0DB"}.mdi-brightness-3:before{content:"\F0DC"}.mdi-brightness-4:before{content:"\F0DD"}.mdi-brightness-5:before{content:"\F0DE"}.mdi-brightness-6:before{content:"\F0DF"}.mdi-brightness-7:before{content:"\F0E0"}.mdi-brightness-auto:before{content:"\F0E1"}.mdi-broom:before{content:"\F0E2"}.mdi-brush:before{content:"\F0E3"}.mdi-buddhism:before{content:"\F94A"}.mdi-buffer:before{content:"\F619"}.mdi-bug:before{content:"\F0E4"}.mdi-bug-check:before{content:"\FA2D"}.mdi-bug-check-outline:before{content:"\FA2E"}.mdi-bug-outline:before{content:"\FA2F"}.mdi-bulletin-board:before{content:"\F0E5"}.mdi-bullhorn:before{content:"\F0E6"}.mdi-bullseye:before{content:"\F5DD"}.mdi-bullseye-arrow:before{content:"\F8C8"}.mdi-bus:before{content:"\F0E7"}.mdi-bus-alert:before{content:"\FA98"}.mdi-bus-articulated-end:before{content:"\F79B"}.mdi-bus-articulated-front:before{content:"\F79C"}.mdi-bus-clock:before{content:"\F8C9"}.mdi-bus-double-decker:before{content:"\F79D"}.mdi-bus-school:before{content:"\F79E"}.mdi-bus-side:before{content:"\F79F"}.mdi-cached:before{content:"\F0E8"}.mdi-cake:before{content:"\F0E9"}.mdi-cake-layered:before{content:"\F0EA"}.mdi-cake-variant:before{content:"\F0EB"}.mdi-calculator:before{content:"\F0EC"}.mdi-calculator-variant:before{content:"\FA99"}.mdi-calendar:before{content:"\F0ED"}.mdi-calendar-alert:before{content:"\FA30"}.mdi-calendar-blank:before{content:"\F0EE"}.mdi-calendar-check:before{content:"\F0EF"}.mdi-calendar-clock:before{content:"\F0F0"}.mdi-calendar-edit:before{content:"\F8A6"}.mdi-calendar-heart:before{content:"\F9D1"}.mdi-calendar-multiple:before{content:"\F0F1"}.mdi-calendar-multiple-check:before{content:"\F0F2"}.mdi-calendar-multiselect:before{content:"\FA31"}.mdi-calendar-plus:before{content:"\F0F3"}.mdi-calendar-question:before{content:"\F691"}.mdi-calendar-range:before{content:"\F678"}.mdi-calendar-remove:before{content:"\F0F4"}.mdi-calendar-search:before{content:"\F94B"}.mdi-calendar-star:before{content:"\F9D2"}.mdi-calendar-text:before{content:"\F0F5"}.mdi-calendar-today:before{content:"\F0F6"}.mdi-calendar-week:before{content:"\FA32"}.mdi-calendar-week-begin:before{content:"\FA33"}.mdi-call-made:before{content:"\F0F7"}.mdi-call-merge:before{content:"\F0F8"}.mdi-call-missed:before{content:"\F0F9"}.mdi-call-received:before{content:"\F0FA"}.mdi-call-split:before{content:"\F0FB"}.mdi-camcorder:before{content:"\F0FC"}.mdi-camcorder-box:before{content:"\F0FD"}.mdi-camcorder-box-off:before{content:"\F0FE"}.mdi-camcorder-off:before{content:"\F0FF"}.mdi-camera:before{content:"\F100"}.mdi-camera-account:before{content:"\F8CA"}.mdi-camera-burst:before{content:"\F692"}.mdi-camera-enhance:before{content:"\F101"}.mdi-camera-front:before{content:"\F102"}.mdi-camera-front-variant:before{content:"\F103"}.mdi-camera-gopro:before{content:"\F7A0"}.mdi-camera-image:before{content:"\F8CB"}.mdi-camera-iris:before{content:"\F104"}.mdi-camera-metering-center:before{content:"\F7A1"}.mdi-camera-metering-matrix:before{content:"\F7A2"}.mdi-camera-metering-partial:before{content:"\F7A3"}.mdi-camera-metering-spot:before{content:"\F7A4"}.mdi-camera-off:before{content:"\F5DF"}.mdi-camera-party-mode:before{content:"\F105"}.mdi-camera-rear:before{content:"\F106"}.mdi-camera-rear-variant:before{content:"\F107"}.mdi-camera-switch:before{content:"\F108"}.mdi-camera-timer:before{content:"\F109"}.mdi-cancel:before{content:"\F739"}.mdi-candle:before{content:"\F5E2"}.mdi-candycane:before{content:"\F10A"}.mdi-cannabis:before{content:"\F7A5"}.mdi-caps-lock:before{content:"\FA9A"}.mdi-car:before{content:"\F10B"}.mdi-car-battery:before{content:"\F10C"}.mdi-car-connected:before{content:"\F10D"}.mdi-car-convertible:before{content:"\F7A6"}.mdi-car-estate:before{content:"\F7A7"}.mdi-car-hatchback:before{content:"\F7A8"}.mdi-car-limousine:before{content:"\F8CC"}.mdi-car-pickup:before{content:"\F7A9"}.mdi-car-side:before{content:"\F7AA"}.mdi-car-sports:before{content:"\F7AB"}.mdi-car-wash:before{content:"\F10E"}.mdi-caravan:before{content:"\F7AC"}.mdi-cards:before{content:"\F638"}.mdi-cards-club:before{content:"\F8CD"}.mdi-cards-diamond:before{content:"\F8CE"}.mdi-cards-heart:before{content:"\F8CF"}.mdi-cards-outline:before{content:"\F639"}.mdi-cards-playing-outline:before{content:"\F63A"}.mdi-cards-spade:before{content:"\F8D0"}.mdi-cards-variant:before{content:"\F6C6"}.mdi-carrot:before{content:"\F10F"}.mdi-cart:before{content:"\F110"}.mdi-cart-off:before{content:"\F66B"}.mdi-cart-outline:before{content:"\F111"}.mdi-cart-plus:before{content:"\F112"}.mdi-case-sensitive-alt:before{content:"\F113"}.mdi-cash:before{content:"\F114"}.mdi-cash-100:before{content:"\F115"}.mdi-cash-multiple:before{content:"\F116"}.mdi-cash-refund:before{content:"\FA9B"}.mdi-cash-usd:before{content:"\F117"}.mdi-cassette:before{content:"\F9D3"}.mdi-cast:before{content:"\F118"}.mdi-cast-connected:before{content:"\F119"}.mdi-cast-off:before{content:"\F789"}.mdi-castle:before{content:"\F11A"}.mdi-cat:before{content:"\F11B"}.mdi-cctv:before{content:"\F7AD"}.mdi-ceiling-light:before{content:"\F768"}.mdi-cellphone:before{content:"\F11C"}.mdi-cellphone-android:before{content:"\F11D"}.mdi-cellphone-arrow-down:before{content:"\F9D4"}.mdi-cellphone-basic:before{content:"\F11E"}.mdi-cellphone-dock:before{content:"\F11F"}.mdi-cellphone-erase:before{content:"\F94C"}.mdi-cellphone-iphone:before{content:"\F120"}.mdi-cellphone-key:before{content:"\F94D"}.mdi-cellphone-link:before{content:"\F121"}.mdi-cellphone-link-off:before{content:"\F122"}.mdi-cellphone-lock:before{content:"\F94E"}.mdi-cellphone-message:before{content:"\F8D2"}.mdi-cellphone-off:before{content:"\F94F"}.mdi-cellphone-screenshot:before{content:"\FA34"}.mdi-cellphone-settings:before{content:"\F123"}.mdi-cellphone-settings-variant:before{content:"\F950"}.mdi-cellphone-sound:before{content:"\F951"}.mdi-cellphone-text:before{content:"\F8D1"}.mdi-cellphone-wireless:before{content:"\F814"}.mdi-certificate:before{content:"\F124"}.mdi-chair-school:before{content:"\F125"}.mdi-chart-arc:before{content:"\F126"}.mdi-chart-areaspline:before{content:"\F127"}.mdi-chart-bar:before{content:"\F128"}.mdi-chart-bar-stacked:before{content:"\F769"}.mdi-chart-bubble:before{content:"\F5E3"}.mdi-chart-donut:before{content:"\F7AE"}.mdi-chart-donut-variant:before{content:"\F7AF"}.mdi-chart-gantt:before{content:"\F66C"}.mdi-chart-histogram:before{content:"\F129"}.mdi-chart-line:before{content:"\F12A"}.mdi-chart-line-stacked:before{content:"\F76A"}.mdi-chart-line-variant:before{content:"\F7B0"}.mdi-chart-multiline:before{content:"\F8D3"}.mdi-chart-pie:before{content:"\F12B"}.mdi-chart-scatterplot-hexbin:before{content:"\F66D"}.mdi-chart-timeline:before{content:"\F66E"}.mdi-check:before{content:"\F12C"}.mdi-check-all:before{content:"\F12D"}.mdi-check-circle:before{content:"\F5E0"}.mdi-check-circle-outline:before{content:"\F5E1"}.mdi-check-decagram:before{content:"\F790"}.mdi-check-outline:before{content:"\F854"}.mdi-checkbook:before{content:"\FA9C"}.mdi-checkbox-blank:before{content:"\F12E"}.mdi-checkbox-blank-circle:before{content:"\F12F"}.mdi-checkbox-blank-circle-outline:before{content:"\F130"}.mdi-checkbox-blank-outline:before{content:"\F131"}.mdi-checkbox-intermediate:before{content:"\F855"}.mdi-checkbox-marked:before{content:"\F132"}.mdi-checkbox-marked-circle:before{content:"\F133"}.mdi-checkbox-marked-circle-outline:before{content:"\F134"}.mdi-checkbox-marked-outline:before{content:"\F135"}.mdi-checkbox-multiple-blank:before{content:"\F136"}.mdi-checkbox-multiple-blank-circle:before{content:"\F63B"}.mdi-checkbox-multiple-blank-circle-outline:before{content:"\F63C"}.mdi-checkbox-multiple-blank-outline:before{content:"\F137"}.mdi-checkbox-multiple-marked:before{content:"\F138"}.mdi-checkbox-multiple-marked-circle:before{content:"\F63D"}.mdi-checkbox-multiple-marked-circle-outline:before{content:"\F63E"}.mdi-checkbox-multiple-marked-outline:before{content:"\F139"}.mdi-checkerboard:before{content:"\F13A"}.mdi-chemical-weapon:before{content:"\F13B"}.mdi-chess-bishop:before{content:"\F85B"}.mdi-chess-king:before{content:"\F856"}.mdi-chess-knight:before{content:"\F857"}.mdi-chess-pawn:before{content:"\F858"}.mdi-chess-queen:before{content:"\F859"}.mdi-chess-rook:before{content:"\F85A"}.mdi-chevron-double-down:before{content:"\F13C"}.mdi-chevron-double-left:before{content:"\F13D"}.mdi-chevron-double-right:before{content:"\F13E"}.mdi-chevron-double-up:before{content:"\F13F"}.mdi-chevron-down:before{content:"\F140"}.mdi-chevron-down-box:before{content:"\F9D5"}.mdi-chevron-down-box-outline:before{content:"\F9D6"}.mdi-chevron-left:before{content:"\F141"}.mdi-chevron-left-box:before{content:"\F9D7"}.mdi-chevron-left-box-outline:before{content:"\F9D8"}.mdi-chevron-right:before{content:"\F142"}.mdi-chevron-right-box:before{content:"\F9D9"}.mdi-chevron-right-box-outline:before{content:"\F9DA"}.mdi-chevron-up:before{content:"\F143"}.mdi-chevron-up-box:before{content:"\F9DB"}.mdi-chevron-up-box-outline:before{content:"\F9DC"}.mdi-chili-hot:before{content:"\F7B1"}.mdi-chili-medium:before{content:"\F7B2"}.mdi-chili-mild:before{content:"\F7B3"}.mdi-chip:before{content:"\F61A"}.mdi-christianity:before{content:"\F952"}.mdi-church:before{content:"\F144"}.mdi-circle:before{content:"\F764"}.mdi-circle-edit-outline:before{content:"\F8D4"}.mdi-circle-medium:before{content:"\F9DD"}.mdi-circle-outline:before{content:"\F765"}.mdi-circle-slice-1:before{content:"\FA9D"}.mdi-circle-slice-2:before{content:"\FA9E"}.mdi-circle-slice-3:before{content:"\FA9F"}.mdi-circle-slice-4:before{content:"\FAA0"}.mdi-circle-slice-5:before{content:"\FAA1"}.mdi-circle-slice-6:before{content:"\FAA2"}.mdi-circle-slice-7:before{content:"\FAA3"}.mdi-circle-slice-8:before{content:"\FAA4"}.mdi-circle-small:before{content:"\F9DE"}.mdi-cisco-webex:before{content:"\F145"}.mdi-city:before{content:"\F146"}.mdi-city-variant:before{content:"\FA35"}.mdi-city-variant-outline:before{content:"\FA36"}.mdi-clipboard:before{content:"\F147"}.mdi-clipboard-account:before{content:"\F148"}.mdi-clipboard-alert:before{content:"\F149"}.mdi-clipboard-arrow-down:before{content:"\F14A"}.mdi-clipboard-arrow-left:before{content:"\F14B"}.mdi-clipboard-check:before{content:"\F14C"}.mdi-clipboard-check-outline:before{content:"\F8A7"}.mdi-clipboard-flow:before{content:"\F6C7"}.mdi-clipboard-outline:before{content:"\F14D"}.mdi-clipboard-plus:before{content:"\F750"}.mdi-clipboard-pulse:before{content:"\F85C"}.mdi-clipboard-pulse-outline:before{content:"\F85D"}.mdi-clipboard-text:before{content:"\F14E"}.mdi-clipboard-text-outline:before{content:"\FA37"}.mdi-clippy:before{content:"\F14F"}.mdi-clock:before{content:"\F953"}.mdi-clock-alert:before{content:"\F954"}.mdi-clock-alert-outline:before{content:"\F5CE"}.mdi-clock-end:before{content:"\F151"}.mdi-clock-fast:before{content:"\F152"}.mdi-clock-in:before{content:"\F153"}.mdi-clock-out:before{content:"\F154"}.mdi-clock-outline:before{content:"\F150"}.mdi-clock-start:before{content:"\F155"}.mdi-close:before{content:"\F156"}.mdi-close-box:before{content:"\F157"}.mdi-close-box-outline:before{content:"\F158"}.mdi-close-circle:before{content:"\F159"}.mdi-close-circle-outline:before{content:"\F15A"}.mdi-close-network:before{content:"\F15B"}.mdi-close-octagon:before{content:"\F15C"}.mdi-close-octagon-outline:before{content:"\F15D"}.mdi-close-outline:before{content:"\F6C8"}.mdi-closed-caption:before{content:"\F15E"}.mdi-cloud:before{content:"\F15F"}.mdi-cloud-alert:before{content:"\F9DF"}.mdi-cloud-braces:before{content:"\F7B4"}.mdi-cloud-check:before{content:"\F160"}.mdi-cloud-circle:before{content:"\F161"}.mdi-cloud-download:before{content:"\F162"}.mdi-cloud-off-outline:before{content:"\F164"}.mdi-cloud-outline:before{content:"\F163"}.mdi-cloud-print:before{content:"\F165"}.mdi-cloud-print-outline:before{content:"\F166"}.mdi-cloud-question:before{content:"\FA38"}.mdi-cloud-search:before{content:"\F955"}.mdi-cloud-search-outline:before{content:"\F956"}.mdi-cloud-sync:before{content:"\F63F"}.mdi-cloud-tags:before{content:"\F7B5"}.mdi-cloud-upload:before{content:"\F167"}.mdi-clover:before{content:"\F815"}.mdi-code-array:before{content:"\F168"}.mdi-code-braces:before{content:"\F169"}.mdi-code-brackets:before{content:"\F16A"}.mdi-code-equal:before{content:"\F16B"}.mdi-code-greater-than:before{content:"\F16C"}.mdi-code-greater-than-or-equal:before{content:"\F16D"}.mdi-code-less-than:before{content:"\F16E"}.mdi-code-less-than-or-equal:before{content:"\F16F"}.mdi-code-not-equal:before{content:"\F170"}.mdi-code-not-equal-variant:before{content:"\F171"}.mdi-code-parentheses:before{content:"\F172"}.mdi-code-string:before{content:"\F173"}.mdi-code-tags:before{content:"\F174"}.mdi-code-tags-check:before{content:"\F693"}.mdi-codepen:before{content:"\F175"}.mdi-coffee:before{content:"\F176"}.mdi-coffee-outline:before{content:"\F6C9"}.mdi-coffee-to-go:before{content:"\F177"}.mdi-cogs:before{content:"\F8D5"}.mdi-coin:before{content:"\F178"}.mdi-coins:before{content:"\F694"}.mdi-collage:before{content:"\F640"}.mdi-collapse-all:before{content:"\FAA5"}.mdi-collapse-all-outline:before{content:"\FAA6"}.mdi-color-helper:before{content:"\F179"}.mdi-comment:before{content:"\F17A"}.mdi-comment-account:before{content:"\F17B"}.mdi-comment-account-outline:before{content:"\F17C"}.mdi-comment-alert:before{content:"\F17D"}.mdi-comment-alert-outline:before{content:"\F17E"}.mdi-comment-arrow-left:before{content:"\F9E0"}.mdi-comment-arrow-left-outline:before{content:"\F9E1"}.mdi-comment-arrow-right:before{content:"\F9E2"}.mdi-comment-arrow-right-outline:before{content:"\F9E3"}.mdi-comment-check:before{content:"\F17F"}.mdi-comment-check-outline:before{content:"\F180"}.mdi-comment-eye:before{content:"\FA39"}.mdi-comment-eye-outline:before{content:"\FA3A"}.mdi-comment-multiple:before{content:"\F85E"}.mdi-comment-multiple-outline:before{content:"\F181"}.mdi-comment-outline:before{content:"\F182"}.mdi-comment-plus:before{content:"\F9E4"}.mdi-comment-plus-outline:before{content:"\F183"}.mdi-comment-processing:before{content:"\F184"}.mdi-comment-processing-outline:before{content:"\F185"}.mdi-comment-question:before{content:"\F816"}.mdi-comment-question-outline:before{content:"\F186"}.mdi-comment-remove:before{content:"\F5DE"}.mdi-comment-remove-outline:before{content:"\F187"}.mdi-comment-search:before{content:"\FA3B"}.mdi-comment-search-outline:before{content:"\FA3C"}.mdi-comment-text:before{content:"\F188"}.mdi-comment-text-multiple:before{content:"\F85F"}.mdi-comment-text-multiple-outline:before{content:"\F860"}.mdi-comment-text-outline:before{content:"\F189"}.mdi-compare:before{content:"\F18A"}.mdi-compass:before{content:"\F18B"}.mdi-compass-outline:before{content:"\F18C"}.mdi-console:before{content:"\F18D"}.mdi-console-line:before{content:"\F7B6"}.mdi-console-network:before{content:"\F8A8"}.mdi-contact-mail:before{content:"\F18E"}.mdi-contacts:before{content:"\F6CA"}.mdi-contain:before{content:"\FA3D"}.mdi-contain-end:before{content:"\FA3E"}.mdi-contain-start:before{content:"\FA3F"}.mdi-content-copy:before{content:"\F18F"}.mdi-content-cut:before{content:"\F190"}.mdi-content-duplicate:before{content:"\F191"}.mdi-content-paste:before{content:"\F192"}.mdi-content-save:before{content:"\F193"}.mdi-content-save-all:before{content:"\F194"}.mdi-content-save-outline:before{content:"\F817"}.mdi-content-save-settings:before{content:"\F61B"}.mdi-contrast:before{content:"\F195"}.mdi-contrast-box:before{content:"\F196"}.mdi-contrast-circle:before{content:"\F197"}.mdi-cookie:before{content:"\F198"}.mdi-copyright:before{content:"\F5E6"}.mdi-cordova:before{content:"\F957"}.mdi-corn:before{content:"\F7B7"}.mdi-counter:before{content:"\F199"}.mdi-cow:before{content:"\F19A"}.mdi-crane:before{content:"\F861"}.mdi-creation:before{content:"\F1C9"}.mdi-credit-card:before{content:"\F19B"}.mdi-credit-card-multiple:before{content:"\F19C"}.mdi-credit-card-off:before{content:"\F5E4"}.mdi-credit-card-plus:before{content:"\F675"}.mdi-credit-card-refund:before{content:"\FAA7"}.mdi-credit-card-scan:before{content:"\F19D"}.mdi-credit-card-settings:before{content:"\F8D6"}.mdi-crop:before{content:"\F19E"}.mdi-crop-free:before{content:"\F19F"}.mdi-crop-landscape:before{content:"\F1A0"}.mdi-crop-portrait:before{content:"\F1A1"}.mdi-crop-rotate:before{content:"\F695"}.mdi-crop-square:before{content:"\F1A2"}.mdi-crosshairs:before{content:"\F1A3"}.mdi-crosshairs-gps:before{content:"\F1A4"}.mdi-crown:before{content:"\F1A5"}.mdi-cryengine:before{content:"\F958"}.mdi-cube:before{content:"\F1A6"}.mdi-cube-outline:before{content:"\F1A7"}.mdi-cube-send:before{content:"\F1A8"}.mdi-cube-unfolded:before{content:"\F1A9"}.mdi-cup:before{content:"\F1AA"}.mdi-cup-off:before{content:"\F5E5"}.mdi-cup-water:before{content:"\F1AB"}.mdi-cupcake:before{content:"\F959"}.mdi-curling:before{content:"\F862"}.mdi-currency-bdt:before{content:"\F863"}.mdi-currency-btc:before{content:"\F1AC"}.mdi-currency-chf:before{content:"\F7B8"}.mdi-currency-cny:before{content:"\F7B9"}.mdi-currency-eth:before{content:"\F7BA"}.mdi-currency-eur:before{content:"\F1AD"}.mdi-currency-gbp:before{content:"\F1AE"}.mdi-currency-inr:before{content:"\F1AF"}.mdi-currency-jpy:before{content:"\F7BB"}.mdi-currency-krw:before{content:"\F7BC"}.mdi-currency-kzt:before{content:"\F864"}.mdi-currency-ngn:before{content:"\F1B0"}.mdi-currency-php:before{content:"\F9E5"}.mdi-currency-rub:before{content:"\F1B1"}.mdi-currency-sign:before{content:"\F7BD"}.mdi-currency-try:before{content:"\F1B2"}.mdi-currency-twd:before{content:"\F7BE"}.mdi-currency-usd:before{content:"\F1B3"}.mdi-currency-usd-off:before{content:"\F679"}.mdi-current-ac:before{content:"\F95A"}.mdi-current-dc:before{content:"\F95B"}.mdi-cursor-default:before{content:"\F1B4"}.mdi-cursor-default-outline:before{content:"\F1B5"}.mdi-cursor-move:before{content:"\F1B6"}.mdi-cursor-pointer:before{content:"\F1B7"}.mdi-cursor-text:before{content:"\F5E7"}.mdi-database:before{content:"\F1B8"}.mdi-database-check:before{content:"\FAA8"}.mdi-database-export:before{content:"\F95D"}.mdi-database-import:before{content:"\F95C"}.mdi-database-lock:before{content:"\FAA9"}.mdi-database-minus:before{content:"\F1B9"}.mdi-database-plus:before{content:"\F1BA"}.mdi-database-search:before{content:"\F865"}.mdi-death-star:before{content:"\F8D7"}.mdi-death-star-variant:before{content:"\F8D8"}.mdi-debian:before{content:"\F8D9"}.mdi-debug-step-into:before{content:"\F1BB"}.mdi-debug-step-out:before{content:"\F1BC"}.mdi-debug-step-over:before{content:"\F1BD"}.mdi-decagram:before{content:"\F76B"}.mdi-decagram-outline:before{content:"\F76C"}.mdi-decimal-decrease:before{content:"\F1BE"}.mdi-decimal-increase:before{content:"\F1BF"}.mdi-delete:before{content:"\F1C0"}.mdi-delete-circle:before{content:"\F682"}.mdi-delete-empty:before{content:"\F6CB"}.mdi-delete-forever:before{content:"\F5E8"}.mdi-delete-outline:before{content:"\F9E6"}.mdi-delete-restore:before{content:"\F818"}.mdi-delete-sweep:before{content:"\F5E9"}.mdi-delete-variant:before{content:"\F1C1"}.mdi-delta:before{content:"\F1C2"}.mdi-desk-lamp:before{content:"\F95E"}.mdi-deskphone:before{content:"\F1C3"}.mdi-desktop-classic:before{content:"\F7BF"}.mdi-desktop-mac:before{content:"\F1C4"}.mdi-desktop-mac-dashboard:before{content:"\F9E7"}.mdi-desktop-tower:before{content:"\F1C5"}.mdi-desktop-tower-monitor:before{content:"\FAAA"}.mdi-details:before{content:"\F1C6"}.mdi-developer-board:before{content:"\F696"}.mdi-deviantart:before{content:"\F1C7"}.mdi-dialpad:before{content:"\F61C"}.mdi-diamond:before{content:"\F1C8"}.mdi-dice-1:before{content:"\F1CA"}.mdi-dice-2:before{content:"\F1CB"}.mdi-dice-3:before{content:"\F1CC"}.mdi-dice-4:before{content:"\F1CD"}.mdi-dice-5:before{content:"\F1CE"}.mdi-dice-6:before{content:"\F1CF"}.mdi-dice-d10:before{content:"\F76E"}.mdi-dice-d12:before{content:"\F866"}.mdi-dice-d20:before{content:"\F5EA"}.mdi-dice-d4:before{content:"\F5EB"}.mdi-dice-d6:before{content:"\F5EC"}.mdi-dice-d8:before{content:"\F5ED"}.mdi-dice-multiple:before{content:"\F76D"}.mdi-dictionary:before{content:"\F61D"}.mdi-dip-switch:before{content:"\F7C0"}.mdi-directions:before{content:"\F1D0"}.mdi-directions-fork:before{content:"\F641"}.mdi-disc:before{content:"\F5EE"}.mdi-disc-alert:before{content:"\F1D1"}.mdi-disc-player:before{content:"\F95F"}.mdi-discord:before{content:"\F66F"}.mdi-dishwasher:before{content:"\FAAB"}.mdi-disqus:before{content:"\F1D2"}.mdi-disqus-outline:before{content:"\F1D3"}.mdi-division:before{content:"\F1D4"}.mdi-division-box:before{content:"\F1D5"}.mdi-dlna:before{content:"\FA40"}.mdi-dna:before{content:"\F683"}.mdi-dns:before{content:"\F1D6"}.mdi-do-not-disturb:before{content:"\F697"}.mdi-do-not-disturb-off:before{content:"\F698"}.mdi-docker:before{content:"\F867"}.mdi-doctor:before{content:"\FA41"}.mdi-dog:before{content:"\FA42"}.mdi-dog-service:before{content:"\FAAC"}.mdi-dog-side:before{content:"\FA43"}.mdi-dolby:before{content:"\F6B2"}.mdi-domain:before{content:"\F1D7"}.mdi-donkey:before{content:"\F7C1"}.mdi-door:before{content:"\F819"}.mdi-door-closed:before{content:"\F81A"}.mdi-door-open:before{content:"\F81B"}.mdi-doorbell-video:before{content:"\F868"}.mdi-dot-net:before{content:"\FAAD"}.mdi-dots-horizontal:before{content:"\F1D8"}.mdi-dots-horizontal-circle:before{content:"\F7C2"}.mdi-dots-vertical:before{content:"\F1D9"}.mdi-dots-vertical-circle:before{content:"\F7C3"}.mdi-douban:before{content:"\F699"}.mdi-download:before{content:"\F1DA"}.mdi-download-multiple:before{content:"\F9E8"}.mdi-download-network:before{content:"\F6F3"}.mdi-drag:before{content:"\F1DB"}.mdi-drag-horizontal:before{content:"\F1DC"}.mdi-drag-vertical:before{content:"\F1DD"}.mdi-drawing:before{content:"\F1DE"}.mdi-drawing-box:before{content:"\F1DF"}.mdi-dribbble:before{content:"\F1E0"}.mdi-dribbble-box:before{content:"\F1E1"}.mdi-drone:before{content:"\F1E2"}.mdi-dropbox:before{content:"\F1E3"}.mdi-drupal:before{content:"\F1E4"}.mdi-duck:before{content:"\F1E5"}.mdi-dumbbell:before{content:"\F1E6"}.mdi-ear-hearing:before{content:"\F7C4"}.mdi-ear-hearing-off:before{content:"\FA44"}.mdi-earth:before{content:"\F1E7"}.mdi-earth-box:before{content:"\F6CC"}.mdi-earth-box-off:before{content:"\F6CD"}.mdi-earth-off:before{content:"\F1E8"}.mdi-edge:before{content:"\F1E9"}.mdi-egg:before{content:"\FAAE"}.mdi-egg-easter:before{content:"\FAAF"}.mdi-eight-track:before{content:"\F9E9"}.mdi-eject:before{content:"\F1EA"}.mdi-elephant:before{content:"\F7C5"}.mdi-elevation-decline:before{content:"\F1EB"}.mdi-elevation-rise:before{content:"\F1EC"}.mdi-elevator:before{content:"\F1ED"}.mdi-email:before{content:"\F1EE"}.mdi-email-alert:before{content:"\F6CE"}.mdi-email-check:before{content:"\FAB0"}.mdi-email-check-outline:before{content:"\FAB1"}.mdi-email-lock:before{content:"\F1F1"}.mdi-email-open:before{content:"\F1EF"}.mdi-email-open-outline:before{content:"\F5EF"}.mdi-email-outline:before{content:"\F1F0"}.mdi-email-plus:before{content:"\F9EA"}.mdi-email-plus-outline:before{content:"\F9EB"}.mdi-email-search:before{content:"\F960"}.mdi-email-search-outline:before{content:"\F961"}.mdi-email-variant:before{content:"\F5F0"}.mdi-emby:before{content:"\F6B3"}.mdi-emoticon:before{content:"\F1F2"}.mdi-emoticon-cool:before{content:"\F1F3"}.mdi-emoticon-dead:before{content:"\F69A"}.mdi-emoticon-devil:before{content:"\F1F4"}.mdi-emoticon-excited:before{content:"\F69B"}.mdi-emoticon-happy:before{content:"\F1F5"}.mdi-emoticon-neutral:before{content:"\F1F6"}.mdi-emoticon-poop:before{content:"\F1F7"}.mdi-emoticon-sad:before{content:"\F1F8"}.mdi-emoticon-tongue:before{content:"\F1F9"}.mdi-engine:before{content:"\F1FA"}.mdi-engine-off:before{content:"\FA45"}.mdi-engine-off-outline:before{content:"\FA46"}.mdi-engine-outline:before{content:"\F1FB"}.mdi-equal:before{content:"\F1FC"}.mdi-equal-box:before{content:"\F1FD"}.mdi-eraser:before{content:"\F1FE"}.mdi-eraser-variant:before{content:"\F642"}.mdi-escalator:before{content:"\F1FF"}.mdi-et:before{content:"\FAB2"}.mdi-ethereum:before{content:"\F869"}.mdi-ethernet:before{content:"\F200"}.mdi-ethernet-cable:before{content:"\F201"}.mdi-ethernet-cable-off:before{content:"\F202"}.mdi-etsy:before{content:"\F203"}.mdi-ev-station:before{content:"\F5F1"}.mdi-eventbrite:before{content:"\F7C6"}.mdi-evernote:before{content:"\F204"}.mdi-exclamation:before{content:"\F205"}.mdi-exit-run:before{content:"\FA47"}.mdi-exit-to-app:before{content:"\F206"}.mdi-expand-all:before{content:"\FAB3"}.mdi-expand-all-outline:before{content:"\FAB4"}.mdi-exponent:before{content:"\F962"}.mdi-exponent-box:before{content:"\F963"}.mdi-export:before{content:"\F207"}.mdi-eye:before{content:"\F208"}.mdi-eye-off:before{content:"\F209"}.mdi-eye-off-outline:before{content:"\F6D0"}.mdi-eye-outline:before{content:"\F6CF"}.mdi-eye-plus:before{content:"\F86A"}.mdi-eye-plus-outline:before{content:"\F86B"}.mdi-eye-settings:before{content:"\F86C"}.mdi-eye-settings-outline:before{content:"\F86D"}.mdi-eyedropper:before{content:"\F20A"}.mdi-eyedropper-variant:before{content:"\F20B"}.mdi-face:before{content:"\F643"}.mdi-face-profile:before{content:"\F644"}.mdi-facebook:before{content:"\F20C"}.mdi-facebook-box:before{content:"\F20D"}.mdi-facebook-messenger:before{content:"\F20E"}.mdi-factory:before{content:"\F20F"}.mdi-fan:before{content:"\F210"}.mdi-fan-off:before{content:"\F81C"}.mdi-fast-forward:before{content:"\F211"}.mdi-fast-forward-outline:before{content:"\F6D1"}.mdi-fax:before{content:"\F212"}.mdi-feather:before{content:"\F6D2"}.mdi-feature-search:before{content:"\FA48"}.mdi-feature-search-outline:before{content:"\FA49"}.mdi-fedora:before{content:"\F8DA"}.mdi-ferry:before{content:"\F213"}.mdi-file:before{content:"\F214"}.mdi-file-account:before{content:"\F73A"}.mdi-file-alert:before{content:"\FA4A"}.mdi-file-alert-outline:before{content:"\FA4B"}.mdi-file-cabinet:before{content:"\FAB5"}.mdi-file-chart:before{content:"\F215"}.mdi-file-check:before{content:"\F216"}.mdi-file-cloud:before{content:"\F217"}.mdi-file-compare:before{content:"\F8A9"}.mdi-file-delimited:before{content:"\F218"}.mdi-file-document:before{content:"\F219"}.mdi-file-document-box:before{content:"\F21A"}.mdi-file-document-box-multiple:before{content:"\FAB6"}.mdi-file-document-box-multiple-outline:before{content:"\FAB7"}.mdi-file-document-box-outline:before{content:"\F9EC"}.mdi-file-document-outline:before{content:"\F9ED"}.mdi-file-download:before{content:"\F964"}.mdi-file-download-outline:before{content:"\F965"}.mdi-file-excel:before{content:"\F21B"}.mdi-file-excel-box:before{content:"\F21C"}.mdi-file-export:before{content:"\F21D"}.mdi-file-find:before{content:"\F21E"}.mdi-file-hidden:before{content:"\F613"}.mdi-file-image:before{content:"\F21F"}.mdi-file-import:before{content:"\F220"}.mdi-file-lock:before{content:"\F221"}.mdi-file-move:before{content:"\FAB8"}.mdi-file-multiple:before{content:"\F222"}.mdi-file-music:before{content:"\F223"}.mdi-file-outline:before{content:"\F224"}.mdi-file-pdf:before{content:"\F225"}.mdi-file-pdf-box:before{content:"\F226"}.mdi-file-percent:before{content:"\F81D"}.mdi-file-plus:before{content:"\F751"}.mdi-file-powerpoint:before{content:"\F227"}.mdi-file-powerpoint-box:before{content:"\F228"}.mdi-file-presentation-box:before{content:"\F229"}.mdi-file-question:before{content:"\F86E"}.mdi-file-restore:before{content:"\F670"}.mdi-file-send:before{content:"\F22A"}.mdi-file-tree:before{content:"\F645"}.mdi-file-undo:before{content:"\F8DB"}.mdi-file-upload:before{content:"\FA4C"}.mdi-file-upload-outline:before{content:"\FA4D"}.mdi-file-video:before{content:"\F22B"}.mdi-file-word:before{content:"\F22C"}.mdi-file-word-box:before{content:"\F22D"}.mdi-file-xml:before{content:"\F22E"}.mdi-film:before{content:"\F22F"}.mdi-filmstrip:before{content:"\F230"}.mdi-filmstrip-off:before{content:"\F231"}.mdi-filter:before{content:"\F232"}.mdi-filter-outline:before{content:"\F233"}.mdi-filter-remove:before{content:"\F234"}.mdi-filter-remove-outline:before{content:"\F235"}.mdi-filter-variant:before{content:"\F236"}.mdi-finance:before{content:"\F81E"}.mdi-find-replace:before{content:"\F6D3"}.mdi-fingerprint:before{content:"\F237"}.mdi-fire:before{content:"\F238"}.mdi-fire-truck:before{content:"\F8AA"}.mdi-firebase:before{content:"\F966"}.mdi-firefox:before{content:"\F239"}.mdi-fish:before{content:"\F23A"}.mdi-flag:before{content:"\F23B"}.mdi-flag-checkered:before{content:"\F23C"}.mdi-flag-outline:before{content:"\F23D"}.mdi-flag-triangle:before{content:"\F23F"}.mdi-flag-variant:before{content:"\F240"}.mdi-flag-variant-outline:before{content:"\F23E"}.mdi-flash:before{content:"\F241"}.mdi-flash-auto:before{content:"\F242"}.mdi-flash-circle:before{content:"\F81F"}.mdi-flash-off:before{content:"\F243"}.mdi-flash-outline:before{content:"\F6D4"}.mdi-flash-red-eye:before{content:"\F67A"}.mdi-flashlight:before{content:"\F244"}.mdi-flashlight-off:before{content:"\F245"}.mdi-flask:before{content:"\F093"}.mdi-flask-empty:before{content:"\F094"}.mdi-flask-empty-outline:before{content:"\F095"}.mdi-flask-outline:before{content:"\F096"}.mdi-flattr:before{content:"\F246"}.mdi-flip-to-back:before{content:"\F247"}.mdi-flip-to-front:before{content:"\F248"}.mdi-floor-lamp:before{content:"\F8DC"}.mdi-floor-plan:before{content:"\F820"}.mdi-floppy:before{content:"\F249"}.mdi-floppy-variant:before{content:"\F9EE"}.mdi-flower:before{content:"\F24A"}.mdi-flower-outline:before{content:"\F9EF"}.mdi-flower-tulip:before{content:"\F9F0"}.mdi-flower-tulip-outline:before{content:"\F9F1"}.mdi-folder:before{content:"\F24B"}.mdi-folder-account:before{content:"\F24C"}.mdi-folder-clock:before{content:"\FAB9"}.mdi-folder-clock-outline:before{content:"\FABA"}.mdi-folder-download:before{content:"\F24D"}.mdi-folder-edit:before{content:"\F8DD"}.mdi-folder-google-drive:before{content:"\F24E"}.mdi-folder-image:before{content:"\F24F"}.mdi-folder-key:before{content:"\F8AB"}.mdi-folder-key-network:before{content:"\F8AC"}.mdi-folder-lock:before{content:"\F250"}.mdi-folder-lock-open:before{content:"\F251"}.mdi-folder-move:before{content:"\F252"}.mdi-folder-multiple:before{content:"\F253"}.mdi-folder-multiple-image:before{content:"\F254"}.mdi-folder-multiple-outline:before{content:"\F255"}.mdi-folder-network:before{content:"\F86F"}.mdi-folder-open:before{content:"\F76F"}.mdi-folder-outline:before{content:"\F256"}.mdi-folder-plus:before{content:"\F257"}.mdi-folder-remove:before{content:"\F258"}.mdi-folder-search:before{content:"\F967"}.mdi-folder-search-outline:before{content:"\F968"}.mdi-folder-star:before{content:"\F69C"}.mdi-folder-upload:before{content:"\F259"}.mdi-font-awesome:before{content:"\F03A"}.mdi-food:before{content:"\F25A"}.mdi-food-apple:before{content:"\F25B"}.mdi-food-croissant:before{content:"\F7C7"}.mdi-food-fork-drink:before{content:"\F5F2"}.mdi-food-off:before{content:"\F5F3"}.mdi-food-variant:before{content:"\F25C"}.mdi-football:before{content:"\F25D"}.mdi-football-australian:before{content:"\F25E"}.mdi-football-helmet:before{content:"\F25F"}.mdi-forklift:before{content:"\F7C8"}.mdi-format-align-bottom:before{content:"\F752"}.mdi-format-align-center:before{content:"\F260"}.mdi-format-align-justify:before{content:"\F261"}.mdi-format-align-left:before{content:"\F262"}.mdi-format-align-middle:before{content:"\F753"}.mdi-format-align-right:before{content:"\F263"}.mdi-format-align-top:before{content:"\F754"}.mdi-format-annotation-minus:before{content:"\FABB"}.mdi-format-annotation-plus:before{content:"\F646"}.mdi-format-bold:before{content:"\F264"}.mdi-format-clear:before{content:"\F265"}.mdi-format-color-fill:before{content:"\F266"}.mdi-format-color-text:before{content:"\F69D"}.mdi-format-columns:before{content:"\F8DE"}.mdi-format-float-center:before{content:"\F267"}.mdi-format-float-left:before{content:"\F268"}.mdi-format-float-none:before{content:"\F269"}.mdi-format-float-right:before{content:"\F26A"}.mdi-format-font:before{content:"\F6D5"}.mdi-format-font-size-decrease:before{content:"\F9F2"}.mdi-format-font-size-increase:before{content:"\F9F3"}.mdi-format-header-1:before{content:"\F26B"}.mdi-format-header-2:before{content:"\F26C"}.mdi-format-header-3:before{content:"\F26D"}.mdi-format-header-4:before{content:"\F26E"}.mdi-format-header-5:before{content:"\F26F"}.mdi-format-header-6:before{content:"\F270"}.mdi-format-header-decrease:before{content:"\F271"}.mdi-format-header-equal:before{content:"\F272"}.mdi-format-header-increase:before{content:"\F273"}.mdi-format-header-pound:before{content:"\F274"}.mdi-format-horizontal-align-center:before{content:"\F61E"}.mdi-format-horizontal-align-left:before{content:"\F61F"}.mdi-format-horizontal-align-right:before{content:"\F620"}.mdi-format-indent-decrease:before{content:"\F275"}.mdi-format-indent-increase:before{content:"\F276"}.mdi-format-italic:before{content:"\F277"}.mdi-format-line-spacing:before{content:"\F278"}.mdi-format-line-style:before{content:"\F5C8"}.mdi-format-line-weight:before{content:"\F5C9"}.mdi-format-list-bulleted:before{content:"\F279"}.mdi-format-list-bulleted-type:before{content:"\F27A"}.mdi-format-list-checkbox:before{content:"\F969"}.mdi-format-list-checks:before{content:"\F755"}.mdi-format-list-numbers:before{content:"\F27B"}.mdi-format-page-break:before{content:"\F6D6"}.mdi-format-paint:before{content:"\F27C"}.mdi-format-paragraph:before{content:"\F27D"}.mdi-format-pilcrow:before{content:"\F6D7"}.mdi-format-quote-close:before{content:"\F27E"}.mdi-format-quote-open:before{content:"\F756"}.mdi-format-rotate-90:before{content:"\F6A9"}.mdi-format-section:before{content:"\F69E"}.mdi-format-size:before{content:"\F27F"}.mdi-format-strikethrough:before{content:"\F280"}.mdi-format-strikethrough-variant:before{content:"\F281"}.mdi-format-subscript:before{content:"\F282"}.mdi-format-superscript:before{content:"\F283"}.mdi-format-text:before{content:"\F284"}.mdi-format-textdirection-l-to-r:before{content:"\F285"}.mdi-format-textdirection-r-to-l:before{content:"\F286"}.mdi-format-title:before{content:"\F5F4"}.mdi-format-underline:before{content:"\F287"}.mdi-format-vertical-align-bottom:before{content:"\F621"}.mdi-format-vertical-align-center:before{content:"\F622"}.mdi-format-vertical-align-top:before{content:"\F623"}.mdi-format-wrap-inline:before{content:"\F288"}.mdi-format-wrap-square:before{content:"\F289"}.mdi-format-wrap-tight:before{content:"\F28A"}.mdi-format-wrap-top-bottom:before{content:"\F28B"}.mdi-forum:before{content:"\F28C"}.mdi-forum-outline:before{content:"\F821"}.mdi-forward:before{content:"\F28D"}.mdi-fountain:before{content:"\F96A"}.mdi-foursquare:before{content:"\F28E"}.mdi-freebsd:before{content:"\F8DF"}.mdi-fridge:before{content:"\F28F"}.mdi-fridge-filled:before{content:"\F290"}.mdi-fridge-filled-bottom:before{content:"\F291"}.mdi-fridge-filled-top:before{content:"\F292"}.mdi-fuel:before{content:"\F7C9"}.mdi-fullscreen:before{content:"\F293"}.mdi-fullscreen-exit:before{content:"\F294"}.mdi-function:before{content:"\F295"}.mdi-function-variant:before{content:"\F870"}.mdi-gamepad:before{content:"\F296"}.mdi-gamepad-variant:before{content:"\F297"}.mdi-garage:before{content:"\F6D8"}.mdi-garage-alert:before{content:"\F871"}.mdi-garage-open:before{content:"\F6D9"}.mdi-gas-cylinder:before{content:"\F647"}.mdi-gas-station:before{content:"\F298"}.mdi-gate:before{content:"\F299"}.mdi-gate-and:before{content:"\F8E0"}.mdi-gate-nand:before{content:"\F8E1"}.mdi-gate-nor:before{content:"\F8E2"}.mdi-gate-not:before{content:"\F8E3"}.mdi-gate-or:before{content:"\F8E4"}.mdi-gate-xnor:before{content:"\F8E5"}.mdi-gate-xor:before{content:"\F8E6"}.mdi-gauge:before{content:"\F29A"}.mdi-gauge-empty:before{content:"\F872"}.mdi-gauge-full:before{content:"\F873"}.mdi-gauge-low:before{content:"\F874"}.mdi-gavel:before{content:"\F29B"}.mdi-gender-female:before{content:"\F29C"}.mdi-gender-male:before{content:"\F29D"}.mdi-gender-male-female:before{content:"\F29E"}.mdi-gender-transgender:before{content:"\F29F"}.mdi-gentoo:before{content:"\F8E7"}.mdi-gesture:before{content:"\F7CA"}.mdi-gesture-double-tap:before{content:"\F73B"}.mdi-gesture-pinch:before{content:"\FABC"}.mdi-gesture-spread:before{content:"\FABD"}.mdi-gesture-swipe-down:before{content:"\F73C"}.mdi-gesture-swipe-horizontal:before{content:"\FABE"}.mdi-gesture-swipe-left:before{content:"\F73D"}.mdi-gesture-swipe-right:before{content:"\F73E"}.mdi-gesture-swipe-up:before{content:"\F73F"}.mdi-gesture-swipe-vertical:before{content:"\FABF"}.mdi-gesture-tap:before{content:"\F740"}.mdi-gesture-two-double-tap:before{content:"\F741"}.mdi-gesture-two-tap:before{content:"\F742"}.mdi-ghost:before{content:"\F2A0"}.mdi-ghost-off:before{content:"\F9F4"}.mdi-gift:before{content:"\F2A1"}.mdi-git:before{content:"\F2A2"}.mdi-github-box:before{content:"\F2A3"}.mdi-github-circle:before{content:"\F2A4"}.mdi-github-face:before{content:"\F6DA"}.mdi-glass-cocktail:before{content:"\F356"}.mdi-glass-flute:before{content:"\F2A5"}.mdi-glass-mug:before{content:"\F2A6"}.mdi-glass-stange:before{content:"\F2A7"}.mdi-glass-tulip:before{content:"\F2A8"}.mdi-glass-wine:before{content:"\F875"}.mdi-glassdoor:before{content:"\F2A9"}.mdi-glasses:before{content:"\F2AA"}.mdi-globe-model:before{content:"\F8E8"}.mdi-gmail:before{content:"\F2AB"}.mdi-gnome:before{content:"\F2AC"}.mdi-golf:before{content:"\F822"}.mdi-gondola:before{content:"\F685"}.mdi-google:before{content:"\F2AD"}.mdi-google-allo:before{content:"\F801"}.mdi-google-analytics:before{content:"\F7CB"}.mdi-google-assistant:before{content:"\F7CC"}.mdi-google-cardboard:before{content:"\F2AE"}.mdi-google-chrome:before{content:"\F2AF"}.mdi-google-circles:before{content:"\F2B0"}.mdi-google-circles-communities:before{content:"\F2B1"}.mdi-google-circles-extended:before{content:"\F2B2"}.mdi-google-circles-group:before{content:"\F2B3"}.mdi-google-controller:before{content:"\F2B4"}.mdi-google-controller-off:before{content:"\F2B5"}.mdi-google-drive:before{content:"\F2B6"}.mdi-google-earth:before{content:"\F2B7"}.mdi-google-fit:before{content:"\F96B"}.mdi-google-glass:before{content:"\F2B8"}.mdi-google-hangouts:before{content:"\F2C9"}.mdi-google-home:before{content:"\F823"}.mdi-google-keep:before{content:"\F6DB"}.mdi-google-lens:before{content:"\F9F5"}.mdi-google-maps:before{content:"\F5F5"}.mdi-google-nearby:before{content:"\F2B9"}.mdi-google-pages:before{content:"\F2BA"}.mdi-google-photos:before{content:"\F6DC"}.mdi-google-physical-web:before{content:"\F2BB"}.mdi-google-play:before{content:"\F2BC"}.mdi-google-plus:before{content:"\F2BD"}.mdi-google-plus-box:before{content:"\F2BE"}.mdi-google-spreadsheet:before{content:"\F9F6"}.mdi-google-translate:before{content:"\F2BF"}.mdi-google-wallet:before{content:"\F2C0"}.mdi-gpu:before{content:"\F8AD"}.mdi-gradient:before{content:"\F69F"}.mdi-graphql:before{content:"\F876"}.mdi-grease-pencil:before{content:"\F648"}.mdi-greater-than:before{content:"\F96C"}.mdi-greater-than-or-equal:before{content:"\F96D"}.mdi-grid:before{content:"\F2C1"}.mdi-grid-large:before{content:"\F757"}.mdi-grid-off:before{content:"\F2C2"}.mdi-group:before{content:"\F2C3"}.mdi-guitar-acoustic:before{content:"\F770"}.mdi-guitar-electric:before{content:"\F2C4"}.mdi-guitar-pick:before{content:"\F2C5"}.mdi-guitar-pick-outline:before{content:"\F2C6"}.mdi-guy-fawkes-mask:before{content:"\F824"}.mdi-hackernews:before{content:"\F624"}.mdi-hail:before{content:"\FAC0"}.mdi-hamburger:before{content:"\F684"}.mdi-hammer:before{content:"\F8E9"}.mdi-hand:before{content:"\FA4E"}.mdi-hand-okay:before{content:"\FA4F"}.mdi-hand-peace:before{content:"\FA50"}.mdi-hand-peace-variant:before{content:"\FA51"}.mdi-hand-pointing-down:before{content:"\FA52"}.mdi-hand-pointing-left:before{content:"\FA53"}.mdi-hand-pointing-right:before{content:"\F2C7"}.mdi-hand-pointing-up:before{content:"\FA54"}.mdi-hanger:before{content:"\F2C8"}.mdi-hard-hat:before{content:"\F96E"}.mdi-harddisk:before{content:"\F2CA"}.mdi-headphones:before{content:"\F2CB"}.mdi-headphones-bluetooth:before{content:"\F96F"}.mdi-headphones-box:before{content:"\F2CC"}.mdi-headphones-off:before{content:"\F7CD"}.mdi-headphones-settings:before{content:"\F2CD"}.mdi-headset:before{content:"\F2CE"}.mdi-headset-dock:before{content:"\F2CF"}.mdi-headset-off:before{content:"\F2D0"}.mdi-heart:before{content:"\F2D1"}.mdi-heart-box:before{content:"\F2D2"}.mdi-heart-box-outline:before{content:"\F2D3"}.mdi-heart-broken:before{content:"\F2D4"}.mdi-heart-circle:before{content:"\F970"}.mdi-heart-circle-outline:before{content:"\F971"}.mdi-heart-half:before{content:"\F6DE"}.mdi-heart-half-full:before{content:"\F6DD"}.mdi-heart-half-outline:before{content:"\F6DF"}.mdi-heart-multiple:before{content:"\FA55"}.mdi-heart-multiple-outline:before{content:"\FA56"}.mdi-heart-off:before{content:"\F758"}.mdi-heart-outline:before{content:"\F2D5"}.mdi-heart-pulse:before{content:"\F5F6"}.mdi-helicopter:before{content:"\FAC1"}.mdi-help:before{content:"\F2D6"}.mdi-help-box:before{content:"\F78A"}.mdi-help-circle:before{content:"\F2D7"}.mdi-help-circle-outline:before{content:"\F625"}.mdi-help-network:before{content:"\F6F4"}.mdi-hexagon:before{content:"\F2D8"}.mdi-hexagon-multiple:before{content:"\F6E0"}.mdi-hexagon-outline:before{content:"\F2D9"}.mdi-hexagon-slice-1:before{content:"\FAC2"}.mdi-hexagon-slice-2:before{content:"\FAC3"}.mdi-hexagon-slice-3:before{content:"\FAC4"}.mdi-hexagon-slice-4:before{content:"\FAC5"}.mdi-hexagon-slice-5:before{content:"\FAC6"}.mdi-hexagon-slice-6:before{content:"\FAC7"}.mdi-hexagram:before{content:"\FAC8"}.mdi-hexagram-outline:before{content:"\FAC9"}.mdi-high-definition:before{content:"\F7CE"}.mdi-high-definition-box:before{content:"\F877"}.mdi-highway:before{content:"\F5F7"}.mdi-hinduism:before{content:"\F972"}.mdi-history:before{content:"\F2DA"}.mdi-hockey-puck:before{content:"\F878"}.mdi-hockey-sticks:before{content:"\F879"}.mdi-hololens:before{content:"\F2DB"}.mdi-home:before{content:"\F2DC"}.mdi-home-account:before{content:"\F825"}.mdi-home-alert:before{content:"\F87A"}.mdi-home-assistant:before{content:"\F7CF"}.mdi-home-automation:before{content:"\F7D0"}.mdi-home-circle:before{content:"\F7D1"}.mdi-home-currency-usd:before{content:"\F8AE"}.mdi-home-heart:before{content:"\F826"}.mdi-home-lock:before{content:"\F8EA"}.mdi-home-lock-open:before{content:"\F8EB"}.mdi-home-map-marker:before{content:"\F5F8"}.mdi-home-minus:before{content:"\F973"}.mdi-home-modern:before{content:"\F2DD"}.mdi-home-outline:before{content:"\F6A0"}.mdi-home-plus:before{content:"\F974"}.mdi-home-variant:before{content:"\F2DE"}.mdi-hook:before{content:"\F6E1"}.mdi-hook-off:before{content:"\F6E2"}.mdi-hops:before{content:"\F2DF"}.mdi-horseshoe:before{content:"\FA57"}.mdi-hospital:before{content:"\F2E0"}.mdi-hospital-building:before{content:"\F2E1"}.mdi-hospital-marker:before{content:"\F2E2"}.mdi-hot-tub:before{content:"\F827"}.mdi-hotel:before{content:"\F2E3"}.mdi-houzz:before{content:"\F2E4"}.mdi-houzz-box:before{content:"\F2E5"}.mdi-hulu:before{content:"\F828"}.mdi-human:before{content:"\F2E6"}.mdi-human-child:before{content:"\F2E7"}.mdi-human-female:before{content:"\F649"}.mdi-human-female-boy:before{content:"\FA58"}.mdi-human-female-female:before{content:"\FA59"}.mdi-human-female-girl:before{content:"\FA5A"}.mdi-human-greeting:before{content:"\F64A"}.mdi-human-handsdown:before{content:"\F64B"}.mdi-human-handsup:before{content:"\F64C"}.mdi-human-male:before{content:"\F64D"}.mdi-human-male-boy:before{content:"\FA5B"}.mdi-human-male-female:before{content:"\F2E8"}.mdi-human-male-girl:before{content:"\FA5C"}.mdi-human-male-male:before{content:"\FA5D"}.mdi-human-pregnant:before{content:"\F5CF"}.mdi-humble-bundle:before{content:"\F743"}.mdi-ice-cream:before{content:"\F829"}.mdi-image:before{content:"\F2E9"}.mdi-image-album:before{content:"\F2EA"}.mdi-image-area:before{content:"\F2EB"}.mdi-image-area-close:before{content:"\F2EC"}.mdi-image-broken:before{content:"\F2ED"}.mdi-image-broken-variant:before{content:"\F2EE"}.mdi-image-filter:before{content:"\F2EF"}.mdi-image-filter-black-white:before{content:"\F2F0"}.mdi-image-filter-center-focus:before{content:"\F2F1"}.mdi-image-filter-center-focus-weak:before{content:"\F2F2"}.mdi-image-filter-drama:before{content:"\F2F3"}.mdi-image-filter-frames:before{content:"\F2F4"}.mdi-image-filter-hdr:before{content:"\F2F5"}.mdi-image-filter-none:before{content:"\F2F6"}.mdi-image-filter-tilt-shift:before{content:"\F2F7"}.mdi-image-filter-vintage:before{content:"\F2F8"}.mdi-image-move:before{content:"\F9F7"}.mdi-image-multiple:before{content:"\F2F9"}.mdi-image-off:before{content:"\F82A"}.mdi-image-outline:before{content:"\F975"}.mdi-image-plus:before{content:"\F87B"}.mdi-image-search:before{content:"\F976"}.mdi-image-search-outline:before{content:"\F977"}.mdi-import:before{content:"\F2FA"}.mdi-inbox:before{content:"\F686"}.mdi-inbox-arrow-down:before{content:"\F2FB"}.mdi-inbox-arrow-up:before{content:"\F3D1"}.mdi-inbox-multiple:before{content:"\F8AF"}.mdi-incognito:before{content:"\F5F9"}.mdi-infinity:before{content:"\F6E3"}.mdi-information:before{content:"\F2FC"}.mdi-information-outline:before{content:"\F2FD"}.mdi-information-variant:before{content:"\F64E"}.mdi-instagram:before{content:"\F2FE"}.mdi-instapaper:before{content:"\F2FF"}.mdi-internet-explorer:before{content:"\F300"}.mdi-invert-colors:before{content:"\F301"}.mdi-ip:before{content:"\FA5E"}.mdi-ip-network:before{content:"\FA5F"}.mdi-islam:before{content:"\F978"}.mdi-itunes:before{content:"\F676"}.mdi-jeepney:before{content:"\F302"}.mdi-jira:before{content:"\F303"}.mdi-jquery:before{content:"\F87C"}.mdi-jsfiddle:before{content:"\F304"}.mdi-json:before{content:"\F626"}.mdi-judaism:before{content:"\F979"}.mdi-karate:before{content:"\F82B"}.mdi-keg:before{content:"\F305"}.mdi-kettle:before{content:"\F5FA"}.mdi-key:before{content:"\F306"}.mdi-key-change:before{content:"\F307"}.mdi-key-minus:before{content:"\F308"}.mdi-key-plus:before{content:"\F309"}.mdi-key-remove:before{content:"\F30A"}.mdi-key-variant:before{content:"\F30B"}.mdi-keyboard:before{content:"\F30C"}.mdi-keyboard-backspace:before{content:"\F30D"}.mdi-keyboard-caps:before{content:"\F30E"}.mdi-keyboard-close:before{content:"\F30F"}.mdi-keyboard-off:before{content:"\F310"}.mdi-keyboard-outline:before{content:"\F97A"}.mdi-keyboard-return:before{content:"\F311"}.mdi-keyboard-settings:before{content:"\F9F8"}.mdi-keyboard-settings-outline:before{content:"\F9F9"}.mdi-keyboard-tab:before{content:"\F312"}.mdi-keyboard-variant:before{content:"\F313"}.mdi-kickstarter:before{content:"\F744"}.mdi-knife:before{content:"\F9FA"}.mdi-knife-military:before{content:"\F9FB"}.mdi-kodi:before{content:"\F314"}.mdi-label:before{content:"\F315"}.mdi-label-off:before{content:"\FACA"}.mdi-label-off-outline:before{content:"\FACB"}.mdi-label-outline:before{content:"\F316"}.mdi-label-variant:before{content:"\FACC"}.mdi-label-variant-outline:before{content:"\FACD"}.mdi-ladybug:before{content:"\F82C"}.mdi-lambda:before{content:"\F627"}.mdi-lamp:before{content:"\F6B4"}.mdi-lan:before{content:"\F317"}.mdi-lan-connect:before{content:"\F318"}.mdi-lan-disconnect:before{content:"\F319"}.mdi-lan-pending:before{content:"\F31A"}.mdi-language-c:before{content:"\F671"}.mdi-language-cpp:before{content:"\F672"}.mdi-language-csharp:before{content:"\F31B"}.mdi-language-css3:before{content:"\F31C"}.mdi-language-go:before{content:"\F7D2"}.mdi-language-html5:before{content:"\F31D"}.mdi-language-javascript:before{content:"\F31E"}.mdi-language-lua:before{content:"\F8B0"}.mdi-language-php:before{content:"\F31F"}.mdi-language-python:before{content:"\F320"}.mdi-language-python-text:before{content:"\F321"}.mdi-language-r:before{content:"\F7D3"}.mdi-language-ruby-on-rails:before{content:"\FACE"}.mdi-language-swift:before{content:"\F6E4"}.mdi-language-typescript:before{content:"\F6E5"}.mdi-laptop:before{content:"\F322"}.mdi-laptop-chromebook:before{content:"\F323"}.mdi-laptop-mac:before{content:"\F324"}.mdi-laptop-off:before{content:"\F6E6"}.mdi-laptop-windows:before{content:"\F325"}.mdi-laravel:before{content:"\FACF"}.mdi-lastfm:before{content:"\F326"}.mdi-lastpass:before{content:"\F446"}.mdi-launch:before{content:"\F327"}.mdi-lava-lamp:before{content:"\F7D4"}.mdi-layers:before{content:"\F328"}.mdi-layers-off:before{content:"\F329"}.mdi-layers-off-outline:before{content:"\F9FC"}.mdi-layers-outline:before{content:"\F9FD"}.mdi-lead-pencil:before{content:"\F64F"}.mdi-leaf:before{content:"\F32A"}.mdi-led-off:before{content:"\F32B"}.mdi-led-on:before{content:"\F32C"}.mdi-led-outline:before{content:"\F32D"}.mdi-led-strip:before{content:"\F7D5"}.mdi-led-variant-off:before{content:"\F32E"}.mdi-led-variant-on:before{content:"\F32F"}.mdi-led-variant-outline:before{content:"\F330"}.mdi-less-than:before{content:"\F97B"}.mdi-less-than-or-equal:before{content:"\F97C"}.mdi-library:before{content:"\F331"}.mdi-library-books:before{content:"\F332"}.mdi-library-music:before{content:"\F333"}.mdi-library-plus:before{content:"\F334"}.mdi-lifebuoy:before{content:"\F87D"}.mdi-light-switch:before{content:"\F97D"}.mdi-lightbulb:before{content:"\F335"}.mdi-lightbulb-on:before{content:"\F6E7"}.mdi-lightbulb-on-outline:before{content:"\F6E8"}.mdi-lightbulb-outline:before{content:"\F336"}.mdi-lighthouse:before{content:"\F9FE"}.mdi-lighthouse-on:before{content:"\F9FF"}.mdi-link:before{content:"\F337"}.mdi-link-off:before{content:"\F338"}.mdi-link-variant:before{content:"\F339"}.mdi-link-variant-off:before{content:"\F33A"}.mdi-linkedin:before{content:"\F33B"}.mdi-linkedin-box:before{content:"\F33C"}.mdi-linux:before{content:"\F33D"}.mdi-linux-mint:before{content:"\F8EC"}.mdi-litecoin:before{content:"\FA60"}.mdi-loading:before{content:"\F771"}.mdi-lock:before{content:"\F33E"}.mdi-lock-alert:before{content:"\F8ED"}.mdi-lock-clock:before{content:"\F97E"}.mdi-lock-open:before{content:"\F33F"}.mdi-lock-open-outline:before{content:"\F340"}.mdi-lock-outline:before{content:"\F341"}.mdi-lock-pattern:before{content:"\F6E9"}.mdi-lock-plus:before{content:"\F5FB"}.mdi-lock-question:before{content:"\F8EE"}.mdi-lock-reset:before{content:"\F772"}.mdi-lock-smart:before{content:"\F8B1"}.mdi-locker:before{content:"\F7D6"}.mdi-locker-multiple:before{content:"\F7D7"}.mdi-login:before{content:"\F342"}.mdi-login-variant:before{content:"\F5FC"}.mdi-logout:before{content:"\F343"}.mdi-logout-variant:before{content:"\F5FD"}.mdi-looks:before{content:"\F344"}.mdi-loop:before{content:"\F6EA"}.mdi-loupe:before{content:"\F345"}.mdi-lumx:before{content:"\F346"}.mdi-magnet:before{content:"\F347"}.mdi-magnet-on:before{content:"\F348"}.mdi-magnify:before{content:"\F349"}.mdi-magnify-close:before{content:"\F97F"}.mdi-magnify-minus:before{content:"\F34A"}.mdi-magnify-minus-cursor:before{content:"\FA61"}.mdi-magnify-minus-outline:before{content:"\F6EB"}.mdi-magnify-plus:before{content:"\F34B"}.mdi-magnify-plus-cursor:before{content:"\FA62"}.mdi-magnify-plus-outline:before{content:"\F6EC"}.mdi-mail-ru:before{content:"\F34C"}.mdi-mailbox:before{content:"\F6ED"}.mdi-map:before{content:"\F34D"}.mdi-map-legend:before{content:"\FA00"}.mdi-map-marker:before{content:"\F34E"}.mdi-map-marker-circle:before{content:"\F34F"}.mdi-map-marker-distance:before{content:"\F8EF"}.mdi-map-marker-minus:before{content:"\F650"}.mdi-map-marker-multiple:before{content:"\F350"}.mdi-map-marker-off:before{content:"\F351"}.mdi-map-marker-outline:before{content:"\F7D8"}.mdi-map-marker-plus:before{content:"\F651"}.mdi-map-marker-radius:before{content:"\F352"}.mdi-map-minus:before{content:"\F980"}.mdi-map-outline:before{content:"\F981"}.mdi-map-plus:before{content:"\F982"}.mdi-map-search:before{content:"\F983"}.mdi-map-search-outline:before{content:"\F984"}.mdi-margin:before{content:"\F353"}.mdi-markdown:before{content:"\F354"}.mdi-marker:before{content:"\F652"}.mdi-marker-check:before{content:"\F355"}.mdi-mastodon:before{content:"\FAD0"}.mdi-mastodon-variant:before{content:"\FAD1"}.mdi-material-design:before{content:"\F985"}.mdi-material-ui:before{content:"\F357"}.mdi-math-compass:before{content:"\F358"}.mdi-matrix:before{content:"\F628"}.mdi-maxcdn:before{content:"\F359"}.mdi-medal:before{content:"\F986"}.mdi-medical-bag:before{content:"\F6EE"}.mdi-medium:before{content:"\F35A"}.mdi-meetup:before{content:"\FAD2"}.mdi-memory:before{content:"\F35B"}.mdi-menu:before{content:"\F35C"}.mdi-menu-down:before{content:"\F35D"}.mdi-menu-down-outline:before{content:"\F6B5"}.mdi-menu-left:before{content:"\F35E"}.mdi-menu-left-outline:before{content:"\FA01"}.mdi-menu-right:before{content:"\F35F"}.mdi-menu-right-outline:before{content:"\FA02"}.mdi-menu-swap:before{content:"\FA63"}.mdi-menu-swap-outline:before{content:"\FA64"}.mdi-menu-up:before{content:"\F360"}.mdi-menu-up-outline:before{content:"\F6B6"}.mdi-message:before{content:"\F361"}.mdi-message-alert:before{content:"\F362"}.mdi-message-alert-outline:before{content:"\FA03"}.mdi-message-bulleted:before{content:"\F6A1"}.mdi-message-bulleted-off:before{content:"\F6A2"}.mdi-message-draw:before{content:"\F363"}.mdi-message-image:before{content:"\F364"}.mdi-message-outline:before{content:"\F365"}.mdi-message-plus:before{content:"\F653"}.mdi-message-processing:before{content:"\F366"}.mdi-message-reply:before{content:"\F367"}.mdi-message-reply-text:before{content:"\F368"}.mdi-message-settings:before{content:"\F6EF"}.mdi-message-settings-variant:before{content:"\F6F0"}.mdi-message-text:before{content:"\F369"}.mdi-message-text-outline:before{content:"\F36A"}.mdi-message-video:before{content:"\F36B"}.mdi-meteor:before{content:"\F629"}.mdi-metronome:before{content:"\F7D9"}.mdi-metronome-tick:before{content:"\F7DA"}.mdi-micro-sd:before{content:"\F7DB"}.mdi-microphone:before{content:"\F36C"}.mdi-microphone-minus:before{content:"\F8B2"}.mdi-microphone-off:before{content:"\F36D"}.mdi-microphone-outline:before{content:"\F36E"}.mdi-microphone-plus:before{content:"\F8B3"}.mdi-microphone-settings:before{content:"\F36F"}.mdi-microphone-variant:before{content:"\F370"}.mdi-microphone-variant-off:before{content:"\F371"}.mdi-microscope:before{content:"\F654"}.mdi-microsoft:before{content:"\F372"}.mdi-microsoft-dynamics:before{content:"\F987"}.mdi-midi:before{content:"\F8F0"}.mdi-midi-port:before{content:"\F8F1"}.mdi-minecraft:before{content:"\F373"}.mdi-mini-sd:before{content:"\FA04"}.mdi-minidisc:before{content:"\FA05"}.mdi-minus:before{content:"\F374"}.mdi-minus-box:before{content:"\F375"}.mdi-minus-box-outline:before{content:"\F6F1"}.mdi-minus-circle:before{content:"\F376"}.mdi-minus-circle-outline:before{content:"\F377"}.mdi-minus-network:before{content:"\F378"}.mdi-mixcloud:before{content:"\F62A"}.mdi-mixed-reality:before{content:"\F87E"}.mdi-mixer:before{content:"\F7DC"}.mdi-monitor:before{content:"\F379"}.mdi-monitor-cellphone:before{content:"\F988"}.mdi-monitor-cellphone-star:before{content:"\F989"}.mdi-monitor-dashboard:before{content:"\FA06"}.mdi-monitor-multiple:before{content:"\F37A"}.mdi-more:before{content:"\F37B"}.mdi-motorbike:before{content:"\F37C"}.mdi-mouse:before{content:"\F37D"}.mdi-mouse-bluetooth:before{content:"\F98A"}.mdi-mouse-off:before{content:"\F37E"}.mdi-mouse-variant:before{content:"\F37F"}.mdi-mouse-variant-off:before{content:"\F380"}.mdi-move-resize:before{content:"\F655"}.mdi-move-resize-variant:before{content:"\F656"}.mdi-movie:before{content:"\F381"}.mdi-movie-roll:before{content:"\F7DD"}.mdi-muffin:before{content:"\F98B"}.mdi-multiplication:before{content:"\F382"}.mdi-multiplication-box:before{content:"\F383"}.mdi-mushroom:before{content:"\F7DE"}.mdi-mushroom-outline:before{content:"\F7DF"}.mdi-music:before{content:"\F759"}.mdi-music-box:before{content:"\F384"}.mdi-music-box-outline:before{content:"\F385"}.mdi-music-circle:before{content:"\F386"}.mdi-music-circle-outline:before{content:"\FAD3"}.mdi-music-note:before{content:"\F387"}.mdi-music-note-bluetooth:before{content:"\F5FE"}.mdi-music-note-bluetooth-off:before{content:"\F5FF"}.mdi-music-note-eighth:before{content:"\F388"}.mdi-music-note-half:before{content:"\F389"}.mdi-music-note-off:before{content:"\F38A"}.mdi-music-note-quarter:before{content:"\F38B"}.mdi-music-note-sixteenth:before{content:"\F38C"}.mdi-music-note-whole:before{content:"\F38D"}.mdi-music-off:before{content:"\F75A"}.mdi-nas:before{content:"\F8F2"}.mdi-nativescript:before{content:"\F87F"}.mdi-nature:before{content:"\F38E"}.mdi-nature-people:before{content:"\F38F"}.mdi-navigation:before{content:"\F390"}.mdi-near-me:before{content:"\F5CD"}.mdi-needle:before{content:"\F391"}.mdi-netflix:before{content:"\F745"}.mdi-network:before{content:"\F6F2"}.mdi-network-strength-1:before{content:"\F8F3"}.mdi-network-strength-1-alert:before{content:"\F8F4"}.mdi-network-strength-2:before{content:"\F8F5"}.mdi-network-strength-2-alert:before{content:"\F8F6"}.mdi-network-strength-3:before{content:"\F8F7"}.mdi-network-strength-3-alert:before{content:"\F8F8"}.mdi-network-strength-4:before{content:"\F8F9"}.mdi-network-strength-4-alert:before{content:"\F8FA"}.mdi-network-strength-off:before{content:"\F8FB"}.mdi-network-strength-off-outline:before{content:"\F8FC"}.mdi-network-strength-outline:before{content:"\F8FD"}.mdi-new-box:before{content:"\F394"}.mdi-newspaper:before{content:"\F395"}.mdi-nfc:before{content:"\F396"}.mdi-nfc-tap:before{content:"\F397"}.mdi-nfc-variant:before{content:"\F398"}.mdi-ninja:before{content:"\F773"}.mdi-nintendo-switch:before{content:"\F7E0"}.mdi-nodejs:before{content:"\F399"}.mdi-not-equal:before{content:"\F98C"}.mdi-not-equal-variant:before{content:"\F98D"}.mdi-note:before{content:"\F39A"}.mdi-note-multiple:before{content:"\F6B7"}.mdi-note-multiple-outline:before{content:"\F6B8"}.mdi-note-outline:before{content:"\F39B"}.mdi-note-plus:before{content:"\F39C"}.mdi-note-plus-outline:before{content:"\F39D"}.mdi-note-text:before{content:"\F39E"}.mdi-notebook:before{content:"\F82D"}.mdi-notification-clear-all:before{content:"\F39F"}.mdi-npm:before{content:"\F6F6"}.mdi-npm-variant:before{content:"\F98E"}.mdi-npm-variant-outline:before{content:"\F98F"}.mdi-nuke:before{content:"\F6A3"}.mdi-null:before{content:"\F7E1"}.mdi-numeric:before{content:"\F3A0"}.mdi-numeric-0-box:before{content:"\F3A1"}.mdi-numeric-0-box-multiple-outline:before{content:"\F3A2"}.mdi-numeric-0-box-outline:before{content:"\F3A3"}.mdi-numeric-1-box:before{content:"\F3A4"}.mdi-numeric-1-box-multiple-outline:before{content:"\F3A5"}.mdi-numeric-1-box-outline:before{content:"\F3A6"}.mdi-numeric-2-box:before{content:"\F3A7"}.mdi-numeric-2-box-multiple-outline:before{content:"\F3A8"}.mdi-numeric-2-box-outline:before{content:"\F3A9"}.mdi-numeric-3-box:before{content:"\F3AA"}.mdi-numeric-3-box-multiple-outline:before{content:"\F3AB"}.mdi-numeric-3-box-outline:before{content:"\F3AC"}.mdi-numeric-4-box:before{content:"\F3AD"}.mdi-numeric-4-box-multiple-outline:before{content:"\F3AE"}.mdi-numeric-4-box-outline:before{content:"\F3AF"}.mdi-numeric-5-box:before{content:"\F3B0"}.mdi-numeric-5-box-multiple-outline:before{content:"\F3B1"}.mdi-numeric-5-box-outline:before{content:"\F3B2"}.mdi-numeric-6-box:before{content:"\F3B3"}.mdi-numeric-6-box-multiple-outline:before{content:"\F3B4"}.mdi-numeric-6-box-outline:before{content:"\F3B5"}.mdi-numeric-7-box:before{content:"\F3B6"}.mdi-numeric-7-box-multiple-outline:before{content:"\F3B7"}.mdi-numeric-7-box-outline:before{content:"\F3B8"}.mdi-numeric-8-box:before{content:"\F3B9"}.mdi-numeric-8-box-multiple-outline:before{content:"\F3BA"}.mdi-numeric-8-box-outline:before{content:"\F3BB"}.mdi-numeric-9-box:before{content:"\F3BC"}.mdi-numeric-9-box-multiple-outline:before{content:"\F3BD"}.mdi-numeric-9-box-outline:before{content:"\F3BE"}.mdi-numeric-9-plus-box:before{content:"\F3BF"}.mdi-numeric-9-plus-box-multiple-outline:before{content:"\F3C0"}.mdi-numeric-9-plus-box-outline:before{content:"\F3C1"}.mdi-nut:before{content:"\F6F7"}.mdi-nutrition:before{content:"\F3C2"}.mdi-oar:before{content:"\F67B"}.mdi-octagon:before{content:"\F3C3"}.mdi-octagon-outline:before{content:"\F3C4"}.mdi-octagram:before{content:"\F6F8"}.mdi-octagram-outline:before{content:"\F774"}.mdi-odnoklassniki:before{content:"\F3C5"}.mdi-office:before{content:"\F3C6"}.mdi-office-building:before{content:"\F990"}.mdi-oil:before{content:"\F3C7"}.mdi-oil-temperature:before{content:"\F3C8"}.mdi-omega:before{content:"\F3C9"}.mdi-onedrive:before{content:"\F3CA"}.mdi-onenote:before{content:"\F746"}.mdi-onepassword:before{content:"\F880"}.mdi-opacity:before{content:"\F5CC"}.mdi-open-in-app:before{content:"\F3CB"}.mdi-open-in-new:before{content:"\F3CC"}.mdi-openid:before{content:"\F3CD"}.mdi-opera:before{content:"\F3CE"}.mdi-orbit:before{content:"\F018"}.mdi-ornament:before{content:"\F3CF"}.mdi-ornament-variant:before{content:"\F3D0"}.mdi-owl:before{content:"\F3D2"}.mdi-package:before{content:"\F3D3"}.mdi-package-down:before{content:"\F3D4"}.mdi-package-up:before{content:"\F3D5"}.mdi-package-variant:before{content:"\F3D6"}.mdi-package-variant-closed:before{content:"\F3D7"}.mdi-page-first:before{content:"\F600"}.mdi-page-last:before{content:"\F601"}.mdi-page-layout-body:before{content:"\F6F9"}.mdi-page-layout-footer:before{content:"\F6FA"}.mdi-page-layout-header:before{content:"\F6FB"}.mdi-page-layout-sidebar-left:before{content:"\F6FC"}.mdi-page-layout-sidebar-right:before{content:"\F6FD"}.mdi-palette:before{content:"\F3D8"}.mdi-palette-advanced:before{content:"\F3D9"}.mdi-palette-swatch:before{content:"\F8B4"}.mdi-panda:before{content:"\F3DA"}.mdi-pandora:before{content:"\F3DB"}.mdi-panorama:before{content:"\F3DC"}.mdi-panorama-fisheye:before{content:"\F3DD"}.mdi-panorama-horizontal:before{content:"\F3DE"}.mdi-panorama-vertical:before{content:"\F3DF"}.mdi-panorama-wide-angle:before{content:"\F3E0"}.mdi-paper-cut-vertical:before{content:"\F3E1"}.mdi-paperclip:before{content:"\F3E2"}.mdi-parking:before{content:"\F3E3"}.mdi-passport:before{content:"\F7E2"}.mdi-patreon:before{content:"\F881"}.mdi-pause:before{content:"\F3E4"}.mdi-pause-circle:before{content:"\F3E5"}.mdi-pause-circle-outline:before{content:"\F3E6"}.mdi-pause-octagon:before{content:"\F3E7"}.mdi-pause-octagon-outline:before{content:"\F3E8"}.mdi-paw:before{content:"\F3E9"}.mdi-paw-off:before{content:"\F657"}.mdi-paypal:before{content:"\F882"}.mdi-peace:before{content:"\F883"}.mdi-pen:before{content:"\F3EA"}.mdi-pencil:before{content:"\F3EB"}.mdi-pencil-box:before{content:"\F3EC"}.mdi-pencil-box-outline:before{content:"\F3ED"}.mdi-pencil-circle:before{content:"\F6FE"}.mdi-pencil-circle-outline:before{content:"\F775"}.mdi-pencil-lock:before{content:"\F3EE"}.mdi-pencil-off:before{content:"\F3EF"}.mdi-pentagon:before{content:"\F6FF"}.mdi-pentagon-outline:before{content:"\F700"}.mdi-percent:before{content:"\F3F0"}.mdi-periodic-table:before{content:"\F8B5"}.mdi-periodic-table-co2:before{content:"\F7E3"}.mdi-periscope:before{content:"\F747"}.mdi-pharmacy:before{content:"\F3F1"}.mdi-phone:before{content:"\F3F2"}.mdi-phone-bluetooth:before{content:"\F3F3"}.mdi-phone-classic:before{content:"\F602"}.mdi-phone-forward:before{content:"\F3F4"}.mdi-phone-hangup:before{content:"\F3F5"}.mdi-phone-in-talk:before{content:"\F3F6"}.mdi-phone-incoming:before{content:"\F3F7"}.mdi-phone-lock:before{content:"\F3F8"}.mdi-phone-log:before{content:"\F3F9"}.mdi-phone-minus:before{content:"\F658"}.mdi-phone-missed:before{content:"\F3FA"}.mdi-phone-outgoing:before{content:"\F3FB"}.mdi-phone-paused:before{content:"\F3FC"}.mdi-phone-plus:before{content:"\F659"}.mdi-phone-return:before{content:"\F82E"}.mdi-phone-rotate-landscape:before{content:"\F884"}.mdi-phone-rotate-portrait:before{content:"\F885"}.mdi-phone-settings:before{content:"\F3FD"}.mdi-phone-voip:before{content:"\F3FE"}.mdi-pi:before{content:"\F3FF"}.mdi-pi-box:before{content:"\F400"}.mdi-piano:before{content:"\F67C"}.mdi-pickaxe:before{content:"\F8B6"}.mdi-pier:before{content:"\F886"}.mdi-pier-crane:before{content:"\F887"}.mdi-pig:before{content:"\F401"}.mdi-pill:before{content:"\F402"}.mdi-pillar:before{content:"\F701"}.mdi-pin:before{content:"\F403"}.mdi-pin-off:before{content:"\F404"}.mdi-pin-off-outline:before{content:"\F92F"}.mdi-pin-outline:before{content:"\F930"}.mdi-pine-tree:before{content:"\F405"}.mdi-pine-tree-box:before{content:"\F406"}.mdi-pinterest:before{content:"\F407"}.mdi-pinterest-box:before{content:"\F408"}.mdi-pinwheel:before{content:"\FAD4"}.mdi-pinwheel-outline:before{content:"\FAD5"}.mdi-pipe:before{content:"\F7E4"}.mdi-pipe-disconnected:before{content:"\F7E5"}.mdi-pipe-leak:before{content:"\F888"}.mdi-pirate:before{content:"\FA07"}.mdi-pistol:before{content:"\F702"}.mdi-piston:before{content:"\F889"}.mdi-pizza:before{content:"\F409"}.mdi-plane-shield:before{content:"\F6BA"}.mdi-play:before{content:"\F40A"}.mdi-play-box-outline:before{content:"\F40B"}.mdi-play-circle:before{content:"\F40C"}.mdi-play-circle-outline:before{content:"\F40D"}.mdi-play-network:before{content:"\F88A"}.mdi-play-pause:before{content:"\F40E"}.mdi-play-protected-content:before{content:"\F40F"}.mdi-play-speed:before{content:"\F8FE"}.mdi-playlist-check:before{content:"\F5C7"}.mdi-playlist-edit:before{content:"\F8FF"}.mdi-playlist-minus:before{content:"\F410"}.mdi-playlist-play:before{content:"\F411"}.mdi-playlist-plus:before{content:"\F412"}.mdi-playlist-remove:before{content:"\F413"}.mdi-playstation:before{content:"\F414"}.mdi-plex:before{content:"\F6B9"}.mdi-plus:before{content:"\F415"}.mdi-plus-box:before{content:"\F416"}.mdi-plus-box-outline:before{content:"\F703"}.mdi-plus-circle:before{content:"\F417"}.mdi-plus-circle-multiple-outline:before{content:"\F418"}.mdi-plus-circle-outline:before{content:"\F419"}.mdi-plus-minus:before{content:"\F991"}.mdi-plus-minus-box:before{content:"\F992"}.mdi-plus-network:before{content:"\F41A"}.mdi-plus-one:before{content:"\F41B"}.mdi-plus-outline:before{content:"\F704"}.mdi-pocket:before{content:"\F41C"}.mdi-podcast:before{content:"\F993"}.mdi-pokeball:before{content:"\F41D"}.mdi-pokemon-go:before{content:"\FA08"}.mdi-poker-chip:before{content:"\F82F"}.mdi-polaroid:before{content:"\F41E"}.mdi-poll:before{content:"\F41F"}.mdi-poll-box:before{content:"\F420"}.mdi-polymer:before{content:"\F421"}.mdi-pool:before{content:"\F606"}.mdi-popcorn:before{content:"\F422"}.mdi-pot:before{content:"\F65A"}.mdi-pot-mix:before{content:"\F65B"}.mdi-pound:before{content:"\F423"}.mdi-pound-box:before{content:"\F424"}.mdi-power:before{content:"\F425"}.mdi-power-cycle:before{content:"\F900"}.mdi-power-off:before{content:"\F901"}.mdi-power-on:before{content:"\F902"}.mdi-power-plug:before{content:"\F6A4"}.mdi-power-plug-off:before{content:"\F6A5"}.mdi-power-settings:before{content:"\F426"}.mdi-power-sleep:before{content:"\F903"}.mdi-power-socket:before{content:"\F427"}.mdi-power-socket-au:before{content:"\F904"}.mdi-power-socket-eu:before{content:"\F7E6"}.mdi-power-socket-uk:before{content:"\F7E7"}.mdi-power-socket-us:before{content:"\F7E8"}.mdi-power-standby:before{content:"\F905"}.mdi-powershell:before{content:"\FA09"}.mdi-prescription:before{content:"\F705"}.mdi-presentation:before{content:"\F428"}.mdi-presentation-play:before{content:"\F429"}.mdi-printer:before{content:"\F42A"}.mdi-printer-3d:before{content:"\F42B"}.mdi-printer-alert:before{content:"\F42C"}.mdi-printer-settings:before{content:"\F706"}.mdi-printer-wireless:before{content:"\FA0A"}.mdi-priority-high:before{content:"\F603"}.mdi-priority-low:before{content:"\F604"}.mdi-professional-hexagon:before{content:"\F42D"}.mdi-progress-check:before{content:"\F994"}.mdi-progress-clock:before{content:"\F995"}.mdi-progress-download:before{content:"\F996"}.mdi-progress-upload:before{content:"\F997"}.mdi-projector:before{content:"\F42E"}.mdi-projector-screen:before{content:"\F42F"}.mdi-publish:before{content:"\F6A6"}.mdi-pulse:before{content:"\F430"}.mdi-puzzle:before{content:"\F431"}.mdi-puzzle-outline:before{content:"\FA65"}.mdi-qi:before{content:"\F998"}.mdi-qqchat:before{content:"\F605"}.mdi-qrcode:before{content:"\F432"}.mdi-qrcode-edit:before{content:"\F8B7"}.mdi-qrcode-scan:before{content:"\F433"}.mdi-quadcopter:before{content:"\F434"}.mdi-quality-high:before{content:"\F435"}.mdi-quality-low:before{content:"\FA0B"}.mdi-quality-medium:before{content:"\FA0C"}.mdi-quicktime:before{content:"\F436"}.mdi-rabbit:before{content:"\F906"}.mdi-radar:before{content:"\F437"}.mdi-radiator:before{content:"\F438"}.mdi-radiator-disabled:before{content:"\FAD6"}.mdi-radiator-off:before{content:"\FAD7"}.mdi-radio:before{content:"\F439"}.mdi-radio-handheld:before{content:"\F43A"}.mdi-radio-tower:before{content:"\F43B"}.mdi-radioactive:before{content:"\F43C"}.mdi-radiobox-blank:before{content:"\F43D"}.mdi-radiobox-marked:before{content:"\F43E"}.mdi-raspberrypi:before{content:"\F43F"}.mdi-ray-end:before{content:"\F440"}.mdi-ray-end-arrow:before{content:"\F441"}.mdi-ray-start:before{content:"\F442"}.mdi-ray-start-arrow:before{content:"\F443"}.mdi-ray-start-end:before{content:"\F444"}.mdi-ray-vertex:before{content:"\F445"}.mdi-react:before{content:"\F707"}.mdi-read:before{content:"\F447"}.mdi-receipt:before{content:"\F449"}.mdi-record:before{content:"\F44A"}.mdi-record-player:before{content:"\F999"}.mdi-record-rec:before{content:"\F44B"}.mdi-recycle:before{content:"\F44C"}.mdi-reddit:before{content:"\F44D"}.mdi-redo:before{content:"\F44E"}.mdi-redo-variant:before{content:"\F44F"}.mdi-reflect-horizontal:before{content:"\FA0D"}.mdi-reflect-vertical:before{content:"\FA0E"}.mdi-refresh:before{content:"\F450"}.mdi-regex:before{content:"\F451"}.mdi-registered-trademark:before{content:"\FA66"}.mdi-relative-scale:before{content:"\F452"}.mdi-reload:before{content:"\F453"}.mdi-reminder:before{content:"\F88B"}.mdi-remote:before{content:"\F454"}.mdi-remote-desktop:before{content:"\F8B8"}.mdi-rename-box:before{content:"\F455"}.mdi-reorder-horizontal:before{content:"\F687"}.mdi-reorder-vertical:before{content:"\F688"}.mdi-repeat:before{content:"\F456"}.mdi-repeat-off:before{content:"\F457"}.mdi-repeat-once:before{content:"\F458"}.mdi-replay:before{content:"\F459"}.mdi-reply:before{content:"\F45A"}.mdi-reply-all:before{content:"\F45B"}.mdi-reproduction:before{content:"\F45C"}.mdi-resize:before{content:"\FA67"}.mdi-resize-bottom-right:before{content:"\F45D"}.mdi-responsive:before{content:"\F45E"}.mdi-restart:before{content:"\F708"}.mdi-restore:before{content:"\F99A"}.mdi-restore-clock:before{content:"\F6A7"}.mdi-rewind:before{content:"\F45F"}.mdi-rewind-outline:before{content:"\F709"}.mdi-rhombus:before{content:"\F70A"}.mdi-rhombus-medium:before{content:"\FA0F"}.mdi-rhombus-outline:before{content:"\F70B"}.mdi-rhombus-split:before{content:"\FA10"}.mdi-ribbon:before{content:"\F460"}.mdi-rice:before{content:"\F7E9"}.mdi-ring:before{content:"\F7EA"}.mdi-road:before{content:"\F461"}.mdi-road-variant:before{content:"\F462"}.mdi-robot:before{content:"\F6A8"}.mdi-robot-vacuum:before{content:"\F70C"}.mdi-robot-vacuum-variant:before{content:"\F907"}.mdi-rocket:before{content:"\F463"}.mdi-room-service:before{content:"\F88C"}.mdi-rotate-3d:before{content:"\F464"}.mdi-rotate-left:before{content:"\F465"}.mdi-rotate-left-variant:before{content:"\F466"}.mdi-rotate-right:before{content:"\F467"}.mdi-rotate-right-variant:before{content:"\F468"}.mdi-rounded-corner:before{content:"\F607"}.mdi-router-wireless:before{content:"\F469"}.mdi-router-wireless-settings:before{content:"\FA68"}.mdi-routes:before{content:"\F46A"}.mdi-rowing:before{content:"\F608"}.mdi-rss:before{content:"\F46B"}.mdi-rss-box:before{content:"\F46C"}.mdi-ruler:before{content:"\F46D"}.mdi-run:before{content:"\F70D"}.mdi-run-fast:before{content:"\F46E"}.mdi-safe:before{content:"\FA69"}.mdi-sale:before{content:"\F46F"}.mdi-salesforce:before{content:"\F88D"}.mdi-sass:before{content:"\F7EB"}.mdi-satellite:before{content:"\F470"}.mdi-satellite-uplink:before{content:"\F908"}.mdi-satellite-variant:before{content:"\F471"}.mdi-sausage:before{content:"\F8B9"}.mdi-saxophone:before{content:"\F609"}.mdi-scale:before{content:"\F472"}.mdi-scale-balance:before{content:"\F5D1"}.mdi-scale-bathroom:before{content:"\F473"}.mdi-scanner:before{content:"\F6AA"}.mdi-scanner-off:before{content:"\F909"}.mdi-school:before{content:"\F474"}.mdi-scissors-cutting:before{content:"\FA6A"}.mdi-screen-rotation:before{content:"\F475"}.mdi-screen-rotation-lock:before{content:"\F476"}.mdi-screwdriver:before{content:"\F477"}.mdi-script:before{content:"\F478"}.mdi-sd:before{content:"\F479"}.mdi-seal:before{content:"\F47A"}.mdi-search-web:before{content:"\F70E"}.mdi-seat-flat:before{content:"\F47B"}.mdi-seat-flat-angled:before{content:"\F47C"}.mdi-seat-individual-suite:before{content:"\F47D"}.mdi-seat-legroom-extra:before{content:"\F47E"}.mdi-seat-legroom-normal:before{content:"\F47F"}.mdi-seat-legroom-reduced:before{content:"\F480"}.mdi-seat-recline-extra:before{content:"\F481"}.mdi-seat-recline-normal:before{content:"\F482"}.mdi-security:before{content:"\F483"}.mdi-security-account:before{content:"\F88E"}.mdi-security-account-outline:before{content:"\FA11"}.mdi-security-close:before{content:"\F99B"}.mdi-security-home:before{content:"\F689"}.mdi-security-lock:before{content:"\F99C"}.mdi-security-network:before{content:"\F484"}.mdi-security-off:before{content:"\F99D"}.mdi-select:before{content:"\F485"}.mdi-select-all:before{content:"\F486"}.mdi-select-compare:before{content:"\FAD8"}.mdi-select-drag:before{content:"\FA6B"}.mdi-select-inverse:before{content:"\F487"}.mdi-select-off:before{content:"\F488"}.mdi-selection:before{content:"\F489"}.mdi-selection-drag:before{content:"\FA6C"}.mdi-selection-off:before{content:"\F776"}.mdi-send:before{content:"\F48A"}.mdi-send-lock:before{content:"\F7EC"}.mdi-serial-port:before{content:"\F65C"}.mdi-server:before{content:"\F48B"}.mdi-server-minus:before{content:"\F48C"}.mdi-server-network:before{content:"\F48D"}.mdi-server-network-off:before{content:"\F48E"}.mdi-server-off:before{content:"\F48F"}.mdi-server-plus:before{content:"\F490"}.mdi-server-remove:before{content:"\F491"}.mdi-server-security:before{content:"\F492"}.mdi-set-all:before{content:"\F777"}.mdi-set-center:before{content:"\F778"}.mdi-set-center-right:before{content:"\F779"}.mdi-set-left:before{content:"\F77A"}.mdi-set-left-center:before{content:"\F77B"}.mdi-set-left-right:before{content:"\F77C"}.mdi-set-none:before{content:"\F77D"}.mdi-set-right:before{content:"\F77E"}.mdi-set-top-box:before{content:"\F99E"}.mdi-settings:before{content:"\F493"}.mdi-settings-box:before{content:"\F494"}.mdi-settings-helper:before{content:"\FA6D"}.mdi-settings-outline:before{content:"\F8BA"}.mdi-shape:before{content:"\F830"}.mdi-shape-circle-plus:before{content:"\F65D"}.mdi-shape-outline:before{content:"\F831"}.mdi-shape-plus:before{content:"\F495"}.mdi-shape-polygon-plus:before{content:"\F65E"}.mdi-shape-rectangle-plus:before{content:"\F65F"}.mdi-shape-square-plus:before{content:"\F660"}.mdi-share:before{content:"\F496"}.mdi-share-outline:before{content:"\F931"}.mdi-share-variant:before{content:"\F497"}.mdi-shield:before{content:"\F498"}.mdi-shield-half-full:before{content:"\F77F"}.mdi-shield-outline:before{content:"\F499"}.mdi-shield-plus:before{content:"\FAD9"}.mdi-shield-plus-outline:before{content:"\FADA"}.mdi-shield-remove:before{content:"\FADB"}.mdi-shield-remove-outline:before{content:"\FADC"}.mdi-ship-wheel:before{content:"\F832"}.mdi-shopify:before{content:"\FADD"}.mdi-shopping:before{content:"\F49A"}.mdi-shopping-music:before{content:"\F49B"}.mdi-shovel:before{content:"\F70F"}.mdi-shovel-off:before{content:"\F710"}.mdi-shower:before{content:"\F99F"}.mdi-shower-head:before{content:"\F9A0"}.mdi-shredder:before{content:"\F49C"}.mdi-shuffle:before{content:"\F49D"}.mdi-shuffle-disabled:before{content:"\F49E"}.mdi-shuffle-variant:before{content:"\F49F"}.mdi-sigma:before{content:"\F4A0"}.mdi-sigma-lower:before{content:"\F62B"}.mdi-sign-caution:before{content:"\F4A1"}.mdi-sign-direction:before{content:"\F780"}.mdi-sign-text:before{content:"\F781"}.mdi-signal:before{content:"\F4A2"}.mdi-signal-2g:before{content:"\F711"}.mdi-signal-3g:before{content:"\F712"}.mdi-signal-4g:before{content:"\F713"}.mdi-signal-5g:before{content:"\FA6E"}.mdi-signal-cellular-1:before{content:"\F8BB"}.mdi-signal-cellular-2:before{content:"\F8BC"}.mdi-signal-cellular-3:before{content:"\F8BD"}.mdi-signal-cellular-outline:before{content:"\F8BE"}.mdi-signal-hspa:before{content:"\F714"}.mdi-signal-hspa-plus:before{content:"\F715"}.mdi-signal-off:before{content:"\F782"}.mdi-signal-variant:before{content:"\F60A"}.mdi-silverware:before{content:"\F4A3"}.mdi-silverware-fork:before{content:"\F4A4"}.mdi-silverware-fork-knife:before{content:"\FA6F"}.mdi-silverware-spoon:before{content:"\F4A5"}.mdi-silverware-variant:before{content:"\F4A6"}.mdi-sim:before{content:"\F4A7"}.mdi-sim-alert:before{content:"\F4A8"}.mdi-sim-off:before{content:"\F4A9"}.mdi-sina-weibo:before{content:"\FADE"}.mdi-sitemap:before{content:"\F4AA"}.mdi-skip-backward:before{content:"\F4AB"}.mdi-skip-forward:before{content:"\F4AC"}.mdi-skip-next:before{content:"\F4AD"}.mdi-skip-next-circle:before{content:"\F661"}.mdi-skip-next-circle-outline:before{content:"\F662"}.mdi-skip-previous:before{content:"\F4AE"}.mdi-skip-previous-circle:before{content:"\F663"}.mdi-skip-previous-circle-outline:before{content:"\F664"}.mdi-skull:before{content:"\F68B"}.mdi-skype:before{content:"\F4AF"}.mdi-skype-business:before{content:"\F4B0"}.mdi-slack:before{content:"\F4B1"}.mdi-slackware:before{content:"\F90A"}.mdi-sleep:before{content:"\F4B2"}.mdi-sleep-off:before{content:"\F4B3"}.mdi-smog:before{content:"\FA70"}.mdi-smoke-detector:before{content:"\F392"}.mdi-smoking:before{content:"\F4B4"}.mdi-smoking-off:before{content:"\F4B5"}.mdi-snapchat:before{content:"\F4B6"}.mdi-snowflake:before{content:"\F716"}.mdi-snowman:before{content:"\F4B7"}.mdi-soccer:before{content:"\F4B8"}.mdi-soccer-field:before{content:"\F833"}.mdi-sofa:before{content:"\F4B9"}.mdi-solar-power:before{content:"\FA71"}.mdi-solid:before{content:"\F68C"}.mdi-sort:before{content:"\F4BA"}.mdi-sort-alphabetical:before{content:"\F4BB"}.mdi-sort-ascending:before{content:"\F4BC"}.mdi-sort-descending:before{content:"\F4BD"}.mdi-sort-numeric:before{content:"\F4BE"}.mdi-sort-variant:before{content:"\F4BF"}.mdi-soundcloud:before{content:"\F4C0"}.mdi-source-branch:before{content:"\F62C"}.mdi-source-commit:before{content:"\F717"}.mdi-source-commit-end:before{content:"\F718"}.mdi-source-commit-end-local:before{content:"\F719"}.mdi-source-commit-local:before{content:"\F71A"}.mdi-source-commit-next-local:before{content:"\F71B"}.mdi-source-commit-start:before{content:"\F71C"}.mdi-source-commit-start-next-local:before{content:"\F71D"}.mdi-source-fork:before{content:"\F4C1"}.mdi-source-merge:before{content:"\F62D"}.mdi-source-pull:before{content:"\F4C2"}.mdi-soy-sauce:before{content:"\F7ED"}.mdi-speaker:before{content:"\F4C3"}.mdi-speaker-bluetooth:before{content:"\F9A1"}.mdi-speaker-off:before{content:"\F4C4"}.mdi-speaker-wireless:before{content:"\F71E"}.mdi-speedometer:before{content:"\F4C5"}.mdi-spellcheck:before{content:"\F4C6"}.mdi-spotify:before{content:"\F4C7"}.mdi-spotlight:before{content:"\F4C8"}.mdi-spotlight-beam:before{content:"\F4C9"}.mdi-spray:before{content:"\F665"}.mdi-spray-bottle:before{content:"\FADF"}.mdi-square:before{content:"\F763"}.mdi-square-edit-outline:before{content:"\F90B"}.mdi-square-inc:before{content:"\F4CA"}.mdi-square-inc-cash:before{content:"\F4CB"}.mdi-square-medium:before{content:"\FA12"}.mdi-square-medium-outline:before{content:"\FA13"}.mdi-square-outline:before{content:"\F762"}.mdi-square-root:before{content:"\F783"}.mdi-square-root-box:before{content:"\F9A2"}.mdi-square-small:before{content:"\FA14"}.mdi-squeegee:before{content:"\FAE0"}.mdi-ssh:before{content:"\F8BF"}.mdi-stack-exchange:before{content:"\F60B"}.mdi-stack-overflow:before{content:"\F4CC"}.mdi-stadium:before{content:"\F71F"}.mdi-stairs:before{content:"\F4CD"}.mdi-standard-definition:before{content:"\F7EE"}.mdi-star:before{content:"\F4CE"}.mdi-star-box:before{content:"\FA72"}.mdi-star-box-outline:before{content:"\FA73"}.mdi-star-circle:before{content:"\F4CF"}.mdi-star-circle-outline:before{content:"\F9A3"}.mdi-star-face:before{content:"\F9A4"}.mdi-star-four-points:before{content:"\FAE1"}.mdi-star-four-points-outline:before{content:"\FAE2"}.mdi-star-half:before{content:"\F4D0"}.mdi-star-off:before{content:"\F4D1"}.mdi-star-outline:before{content:"\F4D2"}.mdi-star-three-points:before{content:"\FAE3"}.mdi-star-three-points-outline:before{content:"\FAE4"}.mdi-steam:before{content:"\F4D3"}.mdi-steam-box:before{content:"\F90C"}.mdi-steering:before{content:"\F4D4"}.mdi-steering-off:before{content:"\F90D"}.mdi-step-backward:before{content:"\F4D5"}.mdi-step-backward-2:before{content:"\F4D6"}.mdi-step-forward:before{content:"\F4D7"}.mdi-step-forward-2:before{content:"\F4D8"}.mdi-stethoscope:before{content:"\F4D9"}.mdi-sticker:before{content:"\F5D0"}.mdi-sticker-emoji:before{content:"\F784"}.mdi-stocking:before{content:"\F4DA"}.mdi-stop:before{content:"\F4DB"}.mdi-stop-circle:before{content:"\F666"}.mdi-stop-circle-outline:before{content:"\F667"}.mdi-store:before{content:"\F4DC"}.mdi-store-24-hour:before{content:"\F4DD"}.mdi-stove:before{content:"\F4DE"}.mdi-subdirectory-arrow-left:before{content:"\F60C"}.mdi-subdirectory-arrow-right:before{content:"\F60D"}.mdi-subtitles:before{content:"\FA15"}.mdi-subtitles-outline:before{content:"\FA16"}.mdi-subway:before{content:"\F6AB"}.mdi-subway-variant:before{content:"\F4DF"}.mdi-summit:before{content:"\F785"}.mdi-sunglasses:before{content:"\F4E0"}.mdi-surround-sound:before{content:"\F5C5"}.mdi-surround-sound-2-0:before{content:"\F7EF"}.mdi-surround-sound-3-1:before{content:"\F7F0"}.mdi-surround-sound-5-1:before{content:"\F7F1"}.mdi-surround-sound-7-1:before{content:"\F7F2"}.mdi-svg:before{content:"\F720"}.mdi-swap-horizontal:before{content:"\F4E1"}.mdi-swap-horizontal-variant:before{content:"\F8C0"}.mdi-swap-vertical:before{content:"\F4E2"}.mdi-swap-vertical-variant:before{content:"\F8C1"}.mdi-swim:before{content:"\F4E3"}.mdi-switch:before{content:"\F4E4"}.mdi-sword:before{content:"\F4E5"}.mdi-sword-cross:before{content:"\F786"}.mdi-symfony:before{content:"\FAE5"}.mdi-sync:before{content:"\F4E6"}.mdi-sync-alert:before{content:"\F4E7"}.mdi-sync-off:before{content:"\F4E8"}.mdi-tab:before{content:"\F4E9"}.mdi-tab-plus:before{content:"\F75B"}.mdi-tab-unselected:before{content:"\F4EA"}.mdi-table:before{content:"\F4EB"}.mdi-table-border:before{content:"\FA17"}.mdi-table-column:before{content:"\F834"}.mdi-table-column-plus-after:before{content:"\F4EC"}.mdi-table-column-plus-before:before{content:"\F4ED"}.mdi-table-column-remove:before{content:"\F4EE"}.mdi-table-column-width:before{content:"\F4EF"}.mdi-table-edit:before{content:"\F4F0"}.mdi-table-large:before{content:"\F4F1"}.mdi-table-merge-cells:before{content:"\F9A5"}.mdi-table-of-contents:before{content:"\F835"}.mdi-table-plus:before{content:"\FA74"}.mdi-table-remove:before{content:"\FA75"}.mdi-table-row:before{content:"\F836"}.mdi-table-row-height:before{content:"\F4F2"}.mdi-table-row-plus-after:before{content:"\F4F3"}.mdi-table-row-plus-before:before{content:"\F4F4"}.mdi-table-row-remove:before{content:"\F4F5"}.mdi-table-search:before{content:"\F90E"}.mdi-table-settings:before{content:"\F837"}.mdi-tablet:before{content:"\F4F6"}.mdi-tablet-android:before{content:"\F4F7"}.mdi-tablet-cellphone:before{content:"\F9A6"}.mdi-tablet-ipad:before{content:"\F4F8"}.mdi-taco:before{content:"\F761"}.mdi-tag:before{content:"\F4F9"}.mdi-tag-faces:before{content:"\F4FA"}.mdi-tag-heart:before{content:"\F68A"}.mdi-tag-minus:before{content:"\F90F"}.mdi-tag-multiple:before{content:"\F4FB"}.mdi-tag-outline:before{content:"\F4FC"}.mdi-tag-plus:before{content:"\F721"}.mdi-tag-remove:before{content:"\F722"}.mdi-tag-text-outline:before{content:"\F4FD"}.mdi-target:before{content:"\F4FE"}.mdi-target-variant:before{content:"\FA76"}.mdi-taxi:before{content:"\F4FF"}.mdi-teach:before{content:"\F88F"}.mdi-teamviewer:before{content:"\F500"}.mdi-telegram:before{content:"\F501"}.mdi-television:before{content:"\F502"}.mdi-television-box:before{content:"\F838"}.mdi-television-classic:before{content:"\F7F3"}.mdi-television-classic-off:before{content:"\F839"}.mdi-television-guide:before{content:"\F503"}.mdi-television-off:before{content:"\F83A"}.mdi-temperature-celsius:before{content:"\F504"}.mdi-temperature-fahrenheit:before{content:"\F505"}.mdi-temperature-kelvin:before{content:"\F506"}.mdi-tennis:before{content:"\F507"}.mdi-tent:before{content:"\F508"}.mdi-terrain:before{content:"\F509"}.mdi-test-tube:before{content:"\F668"}.mdi-test-tube-empty:before{content:"\F910"}.mdi-test-tube-off:before{content:"\F911"}.mdi-text:before{content:"\F9A7"}.mdi-text-shadow:before{content:"\F669"}.mdi-text-short:before{content:"\F9A8"}.mdi-text-subject:before{content:"\F9A9"}.mdi-text-to-speech:before{content:"\F50A"}.mdi-text-to-speech-off:before{content:"\F50B"}.mdi-textbox:before{content:"\F60E"}.mdi-textbox-password:before{content:"\F7F4"}.mdi-texture:before{content:"\F50C"}.mdi-theater:before{content:"\F50D"}.mdi-theme-light-dark:before{content:"\F50E"}.mdi-thermometer:before{content:"\F50F"}.mdi-thermometer-lines:before{content:"\F510"}.mdi-thermostat:before{content:"\F393"}.mdi-thermostat-box:before{content:"\F890"}.mdi-thought-bubble:before{content:"\F7F5"}.mdi-thought-bubble-outline:before{content:"\F7F6"}.mdi-thumb-down:before{content:"\F511"}.mdi-thumb-down-outline:before{content:"\F512"}.mdi-thumb-up:before{content:"\F513"}.mdi-thumb-up-outline:before{content:"\F514"}.mdi-thumbs-up-down:before{content:"\F515"}.mdi-ticket:before{content:"\F516"}.mdi-ticket-account:before{content:"\F517"}.mdi-ticket-confirmation:before{content:"\F518"}.mdi-ticket-outline:before{content:"\F912"}.mdi-ticket-percent:before{content:"\F723"}.mdi-tie:before{content:"\F519"}.mdi-tilde:before{content:"\F724"}.mdi-timelapse:before{content:"\F51A"}.mdi-timer:before{content:"\F51B"}.mdi-timer-10:before{content:"\F51C"}.mdi-timer-3:before{content:"\F51D"}.mdi-timer-off:before{content:"\F51E"}.mdi-timer-sand:before{content:"\F51F"}.mdi-timer-sand-empty:before{content:"\F6AC"}.mdi-timer-sand-full:before{content:"\F78B"}.mdi-timetable:before{content:"\F520"}.mdi-toggle-switch:before{content:"\F521"}.mdi-toggle-switch-off:before{content:"\F522"}.mdi-toggle-switch-off-outline:before{content:"\FA18"}.mdi-toggle-switch-outline:before{content:"\FA19"}.mdi-toilet:before{content:"\F9AA"}.mdi-toolbox:before{content:"\F9AB"}.mdi-toolbox-outline:before{content:"\F9AC"}.mdi-tooltip:before{content:"\F523"}.mdi-tooltip-edit:before{content:"\F524"}.mdi-tooltip-image:before{content:"\F525"}.mdi-tooltip-outline:before{content:"\F526"}.mdi-tooltip-outline-plus:before{content:"\F527"}.mdi-tooltip-text:before{content:"\F528"}.mdi-tooth:before{content:"\F8C2"}.mdi-tooth-outline:before{content:"\F529"}.mdi-tor:before{content:"\F52A"}.mdi-tournament:before{content:"\F9AD"}.mdi-tower-beach:before{content:"\F680"}.mdi-tower-fire:before{content:"\F681"}.mdi-towing:before{content:"\F83B"}.mdi-track-light:before{content:"\F913"}.mdi-trackpad:before{content:"\F7F7"}.mdi-trackpad-lock:before{content:"\F932"}.mdi-tractor:before{content:"\F891"}.mdi-trademark:before{content:"\FA77"}.mdi-traffic-light:before{content:"\F52B"}.mdi-train:before{content:"\F52C"}.mdi-train-variant:before{content:"\F8C3"}.mdi-tram:before{content:"\F52D"}.mdi-transcribe:before{content:"\F52E"}.mdi-transcribe-close:before{content:"\F52F"}.mdi-transfer:before{content:"\F530"}.mdi-transit-transfer:before{content:"\F6AD"}.mdi-transition:before{content:"\F914"}.mdi-transition-masked:before{content:"\F915"}.mdi-translate:before{content:"\F5CA"}.mdi-trash-can:before{content:"\FA78"}.mdi-trash-can-outline:before{content:"\FA79"}.mdi-treasure-chest:before{content:"\F725"}.mdi-tree:before{content:"\F531"}.mdi-trello:before{content:"\F532"}.mdi-trending-down:before{content:"\F533"}.mdi-trending-neutral:before{content:"\F534"}.mdi-trending-up:before{content:"\F535"}.mdi-triangle:before{content:"\F536"}.mdi-triangle-outline:before{content:"\F537"}.mdi-trophy:before{content:"\F538"}.mdi-trophy-award:before{content:"\F539"}.mdi-trophy-outline:before{content:"\F53A"}.mdi-trophy-variant:before{content:"\F53B"}.mdi-trophy-variant-outline:before{content:"\F53C"}.mdi-truck:before{content:"\F53D"}.mdi-truck-delivery:before{content:"\F53E"}.mdi-truck-fast:before{content:"\F787"}.mdi-truck-trailer:before{content:"\F726"}.mdi-tshirt-crew:before{content:"\FA7A"}.mdi-tshirt-crew-outline:before{content:"\F53F"}.mdi-tshirt-v:before{content:"\FA7B"}.mdi-tshirt-v-outline:before{content:"\F540"}.mdi-tumble-dryer:before{content:"\F916"}.mdi-tumblr:before{content:"\F541"}.mdi-tumblr-box:before{content:"\F917"}.mdi-tumblr-reblog:before{content:"\F542"}.mdi-tune:before{content:"\F62E"}.mdi-tune-vertical:before{content:"\F66A"}.mdi-twitch:before{content:"\F543"}.mdi-twitter:before{content:"\F544"}.mdi-twitter-box:before{content:"\F545"}.mdi-twitter-circle:before{content:"\F546"}.mdi-twitter-retweet:before{content:"\F547"}.mdi-two-factor-authentication:before{content:"\F9AE"}.mdi-uber:before{content:"\F748"}.mdi-ubuntu:before{content:"\F548"}.mdi-ultra-high-definition:before{content:"\F7F8"}.mdi-umbraco:before{content:"\F549"}.mdi-umbrella:before{content:"\F54A"}.mdi-umbrella-closed:before{content:"\F9AF"}.mdi-umbrella-outline:before{content:"\F54B"}.mdi-undo:before{content:"\F54C"}.mdi-undo-variant:before{content:"\F54D"}.mdi-unfold-less-horizontal:before{content:"\F54E"}.mdi-unfold-less-vertical:before{content:"\F75F"}.mdi-unfold-more-horizontal:before{content:"\F54F"}.mdi-unfold-more-vertical:before{content:"\F760"}.mdi-ungroup:before{content:"\F550"}.mdi-unity:before{content:"\F6AE"}.mdi-unreal:before{content:"\F9B0"}.mdi-untappd:before{content:"\F551"}.mdi-update:before{content:"\F6AF"}.mdi-upload:before{content:"\F552"}.mdi-upload-multiple:before{content:"\F83C"}.mdi-upload-network:before{content:"\F6F5"}.mdi-usb:before{content:"\F553"}.mdi-van-passenger:before{content:"\F7F9"}.mdi-van-utility:before{content:"\F7FA"}.mdi-vanish:before{content:"\F7FB"}.mdi-variable:before{content:"\FAE6"}.mdi-vector-arrange-above:before{content:"\F554"}.mdi-vector-arrange-below:before{content:"\F555"}.mdi-vector-bezier:before{content:"\FAE7"}.mdi-vector-circle:before{content:"\F556"}.mdi-vector-circle-variant:before{content:"\F557"}.mdi-vector-combine:before{content:"\F558"}.mdi-vector-curve:before{content:"\F559"}.mdi-vector-difference:before{content:"\F55A"}.mdi-vector-difference-ab:before{content:"\F55B"}.mdi-vector-difference-ba:before{content:"\F55C"}.mdi-vector-ellipse:before{content:"\F892"}.mdi-vector-intersection:before{content:"\F55D"}.mdi-vector-line:before{content:"\F55E"}.mdi-vector-point:before{content:"\F55F"}.mdi-vector-polygon:before{content:"\F560"}.mdi-vector-polyline:before{content:"\F561"}.mdi-vector-radius:before{content:"\F749"}.mdi-vector-rectangle:before{content:"\F5C6"}.mdi-vector-selection:before{content:"\F562"}.mdi-vector-square:before{content:"\F001"}.mdi-vector-triangle:before{content:"\F563"}.mdi-vector-union:before{content:"\F564"}.mdi-venmo:before{content:"\F578"}.mdi-verified:before{content:"\F565"}.mdi-vhs:before{content:"\FA1A"}.mdi-vibrate:before{content:"\F566"}.mdi-video:before{content:"\F567"}.mdi-video-3d:before{content:"\F7FC"}.mdi-video-4k-box:before{content:"\F83D"}.mdi-video-account:before{content:"\F918"}.mdi-video-image:before{content:"\F919"}.mdi-video-input-antenna:before{content:"\F83E"}.mdi-video-input-component:before{content:"\F83F"}.mdi-video-input-hdmi:before{content:"\F840"}.mdi-video-input-svideo:before{content:"\F841"}.mdi-video-minus:before{content:"\F9B1"}.mdi-video-off:before{content:"\F568"}.mdi-video-plus:before{content:"\F9B2"}.mdi-video-stabilization:before{content:"\F91A"}.mdi-video-switch:before{content:"\F569"}.mdi-video-vintage:before{content:"\FA1B"}.mdi-view-agenda:before{content:"\F56A"}.mdi-view-array:before{content:"\F56B"}.mdi-view-carousel:before{content:"\F56C"}.mdi-view-column:before{content:"\F56D"}.mdi-view-dashboard:before{content:"\F56E"}.mdi-view-dashboard-outline:before{content:"\FA1C"}.mdi-view-dashboard-variant:before{content:"\F842"}.mdi-view-day:before{content:"\F56F"}.mdi-view-grid:before{content:"\F570"}.mdi-view-headline:before{content:"\F571"}.mdi-view-list:before{content:"\F572"}.mdi-view-module:before{content:"\F573"}.mdi-view-parallel:before{content:"\F727"}.mdi-view-quilt:before{content:"\F574"}.mdi-view-sequential:before{content:"\F728"}.mdi-view-stream:before{content:"\F575"}.mdi-view-week:before{content:"\F576"}.mdi-vimeo:before{content:"\F577"}.mdi-violin:before{content:"\F60F"}.mdi-virtual-reality:before{content:"\F893"}.mdi-visual-studio:before{content:"\F610"}.mdi-visual-studio-code:before{content:"\FA1D"}.mdi-vk:before{content:"\F579"}.mdi-vk-box:before{content:"\F57A"}.mdi-vk-circle:before{content:"\F57B"}.mdi-vlc:before{content:"\F57C"}.mdi-voice:before{content:"\F5CB"}.mdi-voicemail:before{content:"\F57D"}.mdi-volleyball:before{content:"\F9B3"}.mdi-volume-high:before{content:"\F57E"}.mdi-volume-low:before{content:"\F57F"}.mdi-volume-medium:before{content:"\F580"}.mdi-volume-minus:before{content:"\F75D"}.mdi-volume-mute:before{content:"\F75E"}.mdi-volume-off:before{content:"\F581"}.mdi-volume-plus:before{content:"\F75C"}.mdi-vote:before{content:"\FA1E"}.mdi-vote-outline:before{content:"\FA1F"}.mdi-vpn:before{content:"\F582"}.mdi-vuejs:before{content:"\F843"}.mdi-walk:before{content:"\F583"}.mdi-wall:before{content:"\F7FD"}.mdi-wall-sconce:before{content:"\F91B"}.mdi-wall-sconce-flat:before{content:"\F91C"}.mdi-wall-sconce-variant:before{content:"\F91D"}.mdi-wallet:before{content:"\F584"}.mdi-wallet-giftcard:before{content:"\F585"}.mdi-wallet-membership:before{content:"\F586"}.mdi-wallet-travel:before{content:"\F587"}.mdi-wan:before{content:"\F588"}.mdi-washing-machine:before{content:"\F729"}.mdi-watch:before{content:"\F589"}.mdi-watch-export:before{content:"\F58A"}.mdi-watch-export-variant:before{content:"\F894"}.mdi-watch-import:before{content:"\F58B"}.mdi-watch-import-variant:before{content:"\F895"}.mdi-watch-variant:before{content:"\F896"}.mdi-watch-vibrate:before{content:"\F6B0"}.mdi-water:before{content:"\F58C"}.mdi-water-off:before{content:"\F58D"}.mdi-water-percent:before{content:"\F58E"}.mdi-water-pump:before{content:"\F58F"}.mdi-watermark:before{content:"\F612"}.mdi-waves:before{content:"\F78C"}.mdi-weather-cloudy:before{content:"\F590"}.mdi-weather-fog:before{content:"\F591"}.mdi-weather-hail:before{content:"\F592"}.mdi-weather-hurricane:before{content:"\F897"}.mdi-weather-lightning:before{content:"\F593"}.mdi-weather-lightning-rainy:before{content:"\F67D"}.mdi-weather-night:before{content:"\F594"}.mdi-weather-partlycloudy:before{content:"\F595"}.mdi-weather-pouring:before{content:"\F596"}.mdi-weather-rainy:before{content:"\F597"}.mdi-weather-snowy:before{content:"\F598"}.mdi-weather-snowy-rainy:before{content:"\F67E"}.mdi-weather-sunny:before{content:"\F599"}.mdi-weather-sunset:before{content:"\F59A"}.mdi-weather-sunset-down:before{content:"\F59B"}.mdi-weather-sunset-up:before{content:"\F59C"}.mdi-weather-windy:before{content:"\F59D"}.mdi-weather-windy-variant:before{content:"\F59E"}.mdi-web:before{content:"\F59F"}.mdi-webcam:before{content:"\F5A0"}.mdi-webhook:before{content:"\F62F"}.mdi-webpack:before{content:"\F72A"}.mdi-wechat:before{content:"\F611"}.mdi-weight:before{content:"\F5A1"}.mdi-weight-kilogram:before{content:"\F5A2"}.mdi-weight-pound:before{content:"\F9B4"}.mdi-whatsapp:before{content:"\F5A3"}.mdi-wheelchair-accessibility:before{content:"\F5A4"}.mdi-whistle:before{content:"\F9B5"}.mdi-white-balance-auto:before{content:"\F5A5"}.mdi-white-balance-incandescent:before{content:"\F5A6"}.mdi-white-balance-iridescent:before{content:"\F5A7"}.mdi-white-balance-sunny:before{content:"\F5A8"}.mdi-widgets:before{content:"\F72B"}.mdi-wifi:before{content:"\F5A9"}.mdi-wifi-off:before{content:"\F5AA"}.mdi-wifi-strength-1:before{content:"\F91E"}.mdi-wifi-strength-1-alert:before{content:"\F91F"}.mdi-wifi-strength-1-lock:before{content:"\F920"}.mdi-wifi-strength-2:before{content:"\F921"}.mdi-wifi-strength-2-alert:before{content:"\F922"}.mdi-wifi-strength-2-lock:before{content:"\F923"}.mdi-wifi-strength-3:before{content:"\F924"}.mdi-wifi-strength-3-alert:before{content:"\F925"}.mdi-wifi-strength-3-lock:before{content:"\F926"}.mdi-wifi-strength-4:before{content:"\F927"}.mdi-wifi-strength-4-alert:before{content:"\F928"}.mdi-wifi-strength-4-lock:before{content:"\F929"}.mdi-wifi-strength-alert-outline:before{content:"\F92A"}.mdi-wifi-strength-lock-outline:before{content:"\F92B"}.mdi-wifi-strength-off:before{content:"\F92C"}.mdi-wifi-strength-off-outline:before{content:"\F92D"}.mdi-wifi-strength-outline:before{content:"\F92E"}.mdi-wii:before{content:"\F5AB"}.mdi-wiiu:before{content:"\F72C"}.mdi-wikipedia:before{content:"\F5AC"}.mdi-window-close:before{content:"\F5AD"}.mdi-window-closed:before{content:"\F5AE"}.mdi-window-maximize:before{content:"\F5AF"}.mdi-window-minimize:before{content:"\F5B0"}.mdi-window-open:before{content:"\F5B1"}.mdi-window-restore:before{content:"\F5B2"}.mdi-windows:before{content:"\F5B3"}.mdi-windows-classic:before{content:"\FA20"}.mdi-wiper:before{content:"\FAE8"}.mdi-wordpress:before{content:"\F5B4"}.mdi-worker:before{content:"\F5B5"}.mdi-wrap:before{content:"\F5B6"}.mdi-wrench:before{content:"\F5B7"}.mdi-wunderlist:before{content:"\F5B8"}.mdi-xamarin:before{content:"\F844"}.mdi-xamarin-outline:before{content:"\F845"}.mdi-xaml:before{content:"\F673"}.mdi-xbox:before{content:"\F5B9"}.mdi-xbox-controller:before{content:"\F5BA"}.mdi-xbox-controller-battery-alert:before{content:"\F74A"}.mdi-xbox-controller-battery-charging:before{content:"\FA21"}.mdi-xbox-controller-battery-empty:before{content:"\F74B"}.mdi-xbox-controller-battery-full:before{content:"\F74C"}.mdi-xbox-controller-battery-low:before{content:"\F74D"}.mdi-xbox-controller-battery-medium:before{content:"\F74E"}.mdi-xbox-controller-battery-unknown:before{content:"\F74F"}.mdi-xbox-controller-off:before{content:"\F5BB"}.mdi-xda:before{content:"\F5BC"}.mdi-xing:before{content:"\F5BD"}.mdi-xing-box:before{content:"\F5BE"}.mdi-xing-circle:before{content:"\F5BF"}.mdi-xml:before{content:"\F5C0"}.mdi-xmpp:before{content:"\F7FE"}.mdi-yammer:before{content:"\F788"}.mdi-yeast:before{content:"\F5C1"}.mdi-yelp:before{content:"\F5C2"}.mdi-yin-yang:before{content:"\F67F"}.mdi-youtube:before{content:"\F5C3"}.mdi-youtube-creator-studio:before{content:"\F846"}.mdi-youtube-gaming:before{content:"\F847"}.mdi-youtube-tv:before{content:"\F448"}.mdi-z-wave:before{content:"\FAE9"}.mdi-zend:before{content:"\FAEA"}.mdi-zip-box:before{content:"\F5C4"}.mdi-zip-disk:before{content:"\FA22"}.mdi-zodiac-aquarius:before{content:"\FA7C"}.mdi-zodiac-aries:before{content:"\FA7D"}.mdi-zodiac-cancer:before{content:"\FA7E"}.mdi-zodiac-capricorn:before{content:"\FA7F"}.mdi-zodiac-gemini:before{content:"\FA80"}.mdi-zodiac-leo:before{content:"\FA81"}.mdi-zodiac-libra:before{content:"\FA82"}.mdi-zodiac-pisces:before{content:"\FA83"}.mdi-zodiac-sagittarius:before{content:"\FA84"}.mdi-zodiac-scorpio:before{content:"\FA85"}.mdi-zodiac-taurus:before{content:"\FA86"}.mdi-zodiac-virgo:before{content:"\FA87"}.mdi-blank:before{content:"\F68C";visibility:hidden}.mdi-18px.mdi-set,.mdi-18px.mdi:before{font-size:18px}.mdi-24px.mdi-set,.mdi-24px.mdi:before{font-size:24px}.mdi-36px.mdi-set,.mdi-36px.mdi:before{font-size:36px}.mdi-48px.mdi-set,.mdi-48px.mdi:before{font-size:48px}.mdi-dark:before{color:rgba(0,0,0,0.54)}.mdi-dark.mdi-inactive:before{color:rgba(0,0,0,0.26)}.mdi-light:before{color:#fff}.mdi-light.mdi-inactive:before{color:rgba(255,255,255,0.3)}.mdi-rotate-45:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mdi-rotate-90:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.mdi-rotate-135:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.mdi-rotate-180:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mdi-rotate-225:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.mdi-rotate-270:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.mdi-rotate-315:before{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.mdi-flip-h:before{-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.mdi-flip-v:before{-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.mdi-spin:before{-webkit-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

BIN
ipuui/demo/biz/css/mdi/fonts/mdi.woff2


+ 5 - 4
ipuui/demo/html/js/carousel.html

@ -15,11 +15,12 @@
15 15
16 16
</head>
17 17
<body>
18
<div class="ipu-row-flex ipu-row-flex-ver">
19
  <div class="ipu-col ipu-col-auto">
18
<div class="ipu-flex-row ipu-flex-vertical">
19
  <div class="ipu-flex-col">
20 20
    <header class="ipu-toolbar">
21
      <a class="ipu-icon fa fa-angle-left ipu-fn-left" href="javascript:history.back(-1);"></a>
22
      <a class="ipu-icon fa fa-home ipu-fn-right" href="../../index.html"></a>
21
      <a class="ipu-fn-left" href="javascript:history.back(-1);">
22
        <i class="ipu-icon fa fa-angle-left "></i>
23
      </a>
23 24
      <h1 class="ipu-toolbar-title">轮播</h1>
24 25
    </header>
25 26
  </div>

+ 41 - 18
ipuui/demo/html/static/icon.html

@ -1,30 +1,53 @@
1 1
<!DOCTYPE html>
2 2
<html>
3 3
<head>
4
    <meta charset="utf-8">
5
    <title>图标</title>
6
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
4
  <meta charset="utf-8">
5
  <title>图标</title>
6
  <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
7 7
8
    <link rel="stylesheet" type="text/css" href="../../../dist/css/ipuUI.css">
9
    <link rel="stylesheet" type="text/css" href="../../dep/css/awesome/css/font-awesome.css">
10
    <link rel="stylesheet" type="text/css" href="../../biz/css/demo.css">
8
  <link rel="stylesheet" type="text/css" href="../../../dist/css/ipuUI.css">
9
  <link rel="stylesheet" type="text/css" href="../../biz/css/mdi/css/mdi.css">
10
  <link rel="stylesheet" type="text/css" href="../../biz/css/demo.css">
11 11
12 12
</head>
13 13
<body>
14
<div class="ipu-row-flex ipu-row-flex-ver">
15
    <div class="ipu-col ipu-col-auto">
16
        <header class="ipu-toolbar">
17
            <a class="ipu-icon fa fa-chevron-left ipu-fn-left" href="javascript:history.back(-1);"></a>
18
            <a class="ipu-icon fa fa-home ipu-fn-right" href="../../index.html"></a>
19
            <h1 class="ipu-toolbar-title">图标</h1>
20
        </header>
14
<div class="ipu-flex-row ipu-flex-vertical">
15
  <div class="ipu-flex-col">
16
    <header class="ipu-toolbar">
17
      <a class="ipu-fn-left" href="javascript:history.back(-1);">
18
        <i class="ipu-icon mdi mdi-chevron-left"></i>
19
      </a>
20
      <h1 class="ipu-toolbar-title">图标</h1>
21
    </header>
22
  </div>
23
  <div class="ipu-flex-col ipu-flex-col-auto">
24
    <div class="demo-item">
25
      <div class="demo-title">
26
        字体图标说明
27
      </div>
28
      <div class="demo-body">
29
        <div class="demo-content">
30
          UI没有与字体库强关联,可以自由选择字体图标库,不同字体库间字体大小和基础样式有差异的地方,需根据情况适当调整
31
        </div>
32
      </div>
21 33
    </div>
22
    <div class="ipu-col">
23
        <p class="ipu-fn-m">
24
            目前使用的awesome字体,
25
            <a href="http://fontawesome.io/examples/" target="_blank">font-awesome官网</a>
26
        </p>
34
    <div class="demo-item">
35
      <div class="demo-title">
36
        字体图标库
37
      </div>
38
      <div class="demo-body">
39
        <div class="demo-content">
40
          本demo中,首页和文本页使用的是material design字体,其它页面使用的是awesome字体,考虑到只需要支持手机android4.4+与ios6+,字体库代码有修改,移除了不需要的字体文件,完整字体库请参考
41
        </div>
42
        <div class="demo-content">
43
          awesome中文站 <a href="http://www.fontawesome.com.cn" target="_blank">http://www.fontawesome.com.cn/</a>
44
        </div>
45
        <div class="demo-content">
46
          material design <a href="http://materialdesignicons.com" target="_blank">http://materialdesignicons.com/</a>
47
        </div>
48
      </div>
27 49
    </div>
50
  </div>
28 51
</div>
29 52
</body>
30 53
</html>

+ 71 - 83
ipuui/demo/html/static/text.html

@ -1,94 +1,82 @@
1 1
<!DOCTYPE html>
2 2
<html>
3 3
<head>
4
    <meta charset="utf-8">
5
    <title>文本</title>
6
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
7
8
    <link rel="stylesheet" type="text/css" href="../../../dist/css/ipuUI.css">
9
    <link rel="stylesheet" type="text/css" href="../../dep/css/awesome/css/font-awesome.css">
10
    <link rel="stylesheet" type="text/css" href="../../biz/css/demo.css">
4
  <meta charset="utf-8">
5
  <title>文本</title>
6
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
11 7
8
  <link rel="stylesheet" type="text/css" href="../../../dist/css/ipuUI.css">
9
  <link rel="stylesheet" type="text/css" href="../../biz/css/mdi/css/mdi.css">
10
  <link rel="stylesheet" type="text/css" href="../../biz/css/demo.css">
12 11
</head>
13 12
<body>
14
<div class="ipu-row-flex ipu-row-flex-ver">
15
    <div class="ipu-col ipu-col-auto">
16
        <header class="ipu-toolbar">
17
            <a class="ipu-fn-left" href="javascript:history.back(-1);">
18
                <i class="ipu-icon fa fa-chevron-left"></i>
19
            </a>
20
            <a class="ipu-fn-right" href="../../index.html">
21
                <i class="ipu-icon fa fa-home"></i>
22
            </a>
23
            <h1 class="ipu-toolbar-title">文本</h1>
24
        </header>
13
<div class="ipu-flex-row ipu-flex-vertical">
14
  <div class="ipu-flex-col">
15
    <header class="ipu-toolbar">
16
      <a class="ipu-fn-left" href="javascript:history.back(-1);">
17
        <i class="ipu-icon mdi mdi-chevron-left"></i>
18
      </a>
19
      <h1 class="ipu-toolbar-title">文本</h1>
20
    </header>
21
  </div>
22
  <div class="ipu-flex-col ipu-flex-col-auto">
23
    <div class="page-content">
24
      <div class="demo-item">
25
        <p class="demo-title">默认字体</p>
26
        <div class="demo-body">
27
          body默认字体颜色#666,字体大小0.15rem,行高1.5
28
        </div>
29
      </div>
30
      <div class="demo-item">
31
        <p class="demo-title">字体大小</p>
32
        <div class="demo-body">
33
          <div class="">
34
            rem后面的px值,是页面窗体宽度为375px时的转换值
35
          </div>
36
          <div class="ipu-txt-fs-11">0.11rem 11px</div>
37
          <div class="ipu-txt-fs-12">0.12rem 12px</div>
38
          <div class="ipu-txt-fs-13">0.13rem 13px</div>
39
          <div class="ipu-txt-fs-15">0.15rem 15px</div>
40
          <div class="ipu-txt-fs-17">0.17rem 17px</div>
41
          <div class="ipu-txt-fs-20">0.2rem 20px</div>
42
        </div>
43
      </div>
44
      <div class="demo-item">
45
        <p class="demo-title">情景颜色</p>
46
        <div class="demo-body">
47
          <p class="ipu-txt-primary">主色</p>
48
          <p class="ipu-txt-highlight">高亮</p>
49
          <p class="ipu-txt-warning">警示</p>
50
          <p class="ipu-txt-success">成功</p>
51
          <p><a href="javascript:;">链接a标签默认颜色同主题色</a></p>
52
        </div>
53
      </div>
54
      <div class="demo-item">
55
        <p class="demo-title">黑白颜色</p>
56
        <div class="demo-body">
57
          <p class="ipu-txt-000">黑色 #000</p>
58
          <p class="ipu-txt-333">深黑 #333</p>
59
          <p class="ipu-txt-666">默认文本色 #666</p>
60
          <p class="ipu-txt-999">灰色 #999</p>
61
          <p class="ipu-txt-ccc">浅色 #ccc</p>
62
          <p class="ipu-txt-fff ipu-fn-bgc-black">白色 #fff</p>
63
        </div>
64
      </div>
65
      <div class="demo-item">
66
        <p class="demo-title">其它颜色</p>
67
        <div class="demo-body">
68
          <p class="ipu-txt-color-1">颜色1</p>
69
          <p class="ipu-txt-color-2">颜色2</p>
70
          <p class="ipu-txt-color-3">颜色3</p>
71
          <p class="ipu-txt-color-4">颜色4</p>
72
          <p class="ipu-txt-color-5">颜色5</p>
73
          <p class="ipu-txt-color-6">颜色6</p>
74
          <p class="ipu-txt-color-7">颜色7</p>
75
          <p class="ipu-txt-color-8">颜色8</p>
76
        </div>
25 77
    </div>
26
    <div class="ipu-col page-content">
27
        <section id="type">
28
            <div class="demo-item">
29
                <p class="demo-desc">默认字体</p>
30
                <div class="demo-block">
31
                    body默认字体颜色#666,字体大小0.15rem,行高1.5
32
                </div>
33
            </div>
34
            <div class="demo-item">
35
                <p class="demo-desc">字体大小</p>
36
                <div class="demo-block">
37
                    <div class="ipu-txt-xxl">字体 ipu-txt-xxl</div>
38
                    <div class="ipu-txt-xl">字体 ipu-txt-xl</div>
39
                    <div class="ipu-txt-l">字体 ipu-txt-l</div>
40
                    <div class="ipu-txt-m">
41
                        正常字体 ipu-txt-m,同body字体0.15rem
42
                    </div>
43
                    <div class="ipu-txt-s">字体 ipu-txt-s</div>
44
                    <div class="ipu-txt-xs">字体 ipu-txt-xs</div>
45
                </div>
46
            </div>
47
            <div class="demo-item">
48
                <p class="demo-desc">相对字体大小</p>
49
                <div class="demo-block">
50
                    <div class="ipu-txt-m">
51
                        <p class="ipu-txt-rs">相对下面字体小 ipu-txt-rs</p>
52
                        正常字体
53
                        <p class="ipu-txt-rl">相对上面字体大 ipu-txt-rx</p>
54
                    </div>
55
                </div>
56
            </div>
57
            <div class="demo-item">
58
                <p class="demo-desc">文本颜色</p>
59
                <div class="demo-block">
60
                    <p class="ipu-txt-black">黑色 #000 ipu-txt-black</p>
61
                    <p class="ipu-txt-dark">深黑 #333 ipu-txt-dark</p>
62
                    <p class="ipu-txt-default">默认文本色 #666,同body字体颜色 ipu-txt-default</p>
63
                    <p class="ipu-txt-gray">灰色 #999 ipu-txt-gray</p>
64
                    <p class="ipu-txt-light">浅色 #ccc ipu-txt-light</p>
65
                    <p class="ipu-txt-white" style="background-color: #000">白色 #fff ipu-txt-white</p>
66
                </div>
67
             </div>
68
            <div class="demo-item">
69
                <p class="demo-desc">文本情景色</p>
70
                <div class="demo-block">
71
                    <p class="ipu-txt-primary">主题色</p>
72
                    <p class="ipu-txt-highlight">高亮</p>
73
                    <p class="ipu-txt-warning">警示</p>
74
                    <p class="ipu-txt-success">成功</p>
75
                    <p><a href="javascript:;">链接a标签默认颜色同主题色</a></p>
76
                </div>
77
            </div>
78
            <div class="demo-item">
79
                <p class="demo-desc">其它预定义颜色</p>
80
                <div class="demo-block">
81
                    <p class="ipu-txt-color-1">颜色1</p>
82
                    <p class="ipu-txt-color-2">颜色2</p>
83
                    <p class="ipu-txt-color-3">颜色3</p>
84
                    <p class="ipu-txt-color-4">颜色4</p>
85
                    <p class="ipu-txt-color-5">颜色5</p>
86
                    <p class="ipu-txt-color-6">颜色6</p>
87
                    <p class="ipu-txt-color-7">颜色7</p>
88
                    <p class="ipu-txt-color-8">颜色8</p>
89
            </div>
90
        </section>
91 78
    </div>
79
  </div>
92 80
</div>
93 81
</body>
94 82
</html>

+ 267 - 267
ipuui/demo/index.html

@ -1,280 +1,280 @@
1 1
<!DOCTYPE html>
2 2
<html>
3 3
<head>
4
    <title>display-首页</title>
5
    <meta charset="utf-8">
6
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
4
  <title>display-首页</title>
5
  <meta charset="utf-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7 7
8
    <link rel="stylesheet" type="text/css" href="../dist/css/ipuUI.css">
9
    <link rel="stylesheet" type="text/css" href="dep/css/awesome/css/font-awesome.css">
10
    <link rel="stylesheet" type="text/css" href="biz/css/demo.css">
8
  <link rel="stylesheet" type="text/css" href="../dist/css/ipuUI.css">
9
  <link rel="stylesheet" type="text/css" href="biz/css/mdi/css/mdi.css">
10
  <link rel="stylesheet" type="text/css" href="biz/css/demo.css">
11 11
12
    <script src="dep/js/requirejs/require.js"></script>
13
    <script src="biz/js/require-config.js"></script>
14
    <script src="biz/js/index.js"></script>
12
  <script src="dep/js/requirejs/require.js"></script>
13
  <script src="biz/js/require-config.js"></script>
14
  <script src="biz/js/index.js"></script>
15 15
</head>
16 16
<body>
17
<div class="ipu-row-flex ipu-row-flex-ver">
18
    <div class="ipu-col ipu-col-auto">
19
        <header class="ipu-toolbar">
20
            <h1 class="ipu-toolbar-title">首页</h1>
21
        </header>
22
    </div>
23
    <div class="ipu-col">
24
        <div class="ipu-flex-content">
25
            <div class="ipu-nav-content">
26
                <ul>
27
                    <li>
28
                        <div class="ipu-flex-content">
29
                            <ul class="ipu-grid-nine">
30
                                <li>
31
                                    <a href="../case/jiake/static/index.html" target="_blank">
32
                                        <span class="ipu-icon fa fa-lemon-o"></span>
33
                                        <p>家客</p>
34
                                    </a>
35
                                </li>
36
                                <li class="ipu-col-33 ipu-text-center">
37
                                    <a href="../case/jihe/index.html" target="_blank">
38
                                        <span class="ipu-icon fa fa-search"></span>
39
                                        <p>稽查</p>
40
                                    </a>
41
                                </li>
42
                                <li class="ipu-col-33 ipu-text-center">
43
                                    <a href="../case/super-client/index.html" target="_blank">
44
                                        <span class="ipu-icon fa fa-product-hunt"></span>
45
                                        <p>超级客户端</p>
46
                                    </a>
47
                                </li>
48
                            </ul>
49
                        </div>
50
                    </li>
51
                    <li>
52
                        <div class="ipu-flex-content" id="scrollDemo">
53
                            <ul class="ipu-grid-nine">
54
                                <li>
55
                                    <a href="html/js/carousel.html">
56
                                        <span class="ipu-icon fa fa-sliders"></span>
57
                                        <p>轮播</p>
58
                                    </a>
59
                                </li>
60
                                <li class="ipu-col-33 ipu-text-center">
61
                                    <a href="html/js/refresh-index.html">
62
                                        <span class="ipu-icon fa fa-refresh"></span>
63
                                        <p>refresh刷新</p>
64
                                    </a>
65
                                </li>
66
                                <li class="ipu-col-33 ipu-text-center">
67
                                    <a href="html/js/tab-index.html">
68
                                        <span class="ipu-icon fa fa-tablet"></span>
69
                                        <p>tab</p>
70
                                    </a>
71
                                </li>
72
                                <li class="ipu-col-33 ipu-text-center">
73
                                    <a href="html/js/navBar-index.html">
74
                                        <span class="ipu-icon fa fa-adjust"></span>
75
                                        <p>导航</p>
76
                                    </a>
77
                                </li>
78
                                <li class="ipu-col-33 ipu-text-center">
79
                                    <a href="html/js/modal.html">
80
                                        <span class="ipu-icon fa fa-square"></span>
81
                                        <p>模拟框</p>
82
                                    </a>
83
                                </li>
84
                                <li >
85
                                    <a href="html/js/popPicker.html">
86
                                        <span class="ipu-icon fa fa-pie-chart"></span>
87
                                        <p>选择器</p>
88
                                    </a>
89
                                </li>
90
                                <li >
91
                                    <a href="html/js/dtPicker.html">
92
                                        <span class="ipu-icon fa fa-calendar"></span>
93
                                        <p>日历</p>
94
                                    </a>
95
                                </li>
96
                                <li>
97
                                    <a href="html/js/progressBar.html">
98
                                        <span class="ipu-icon fa fa-bandcamp"></span>
99
                                        <p>进度条</p>
100
                                    </a>
101
                                </li>
102
                                <li >
103
                                    <a href="html/js/page-index.html">
104
                                        <span class="ipu-icon fa fa-pagelines"></span>
105
                                        <p>单页面应用</p>
106
                                    </a>
107
                                </li>
108
                                <li >
109
                                    <a href="html/js/tap.html">
110
                                        <span class="ipu-icon fa fa-pie-chart"></span>
111
                                        <p>点击效果</p>
112
                                    </a>
113
                                </li>
114
                            </ul>
115
                        </div>
116
                    </li>
117
                    <li class="ipu-current">
118
                        <ul class="ipu-grid-nine">
119
                            <li >
120
                                <a href="html/static/text.html">
121
                                    <span class="ipu-icon fa fa-text-width"></span>
122
                                    <p>文本</p>
123
                                </a>
124
                            </li>
125
                            <li >
126
                                <a href="html/static/icon.html">
127
                                    <span class="ipu-icon fa fa-info-circle ipu-txt-success"></span>
128
                                    <p>图标</p>
129
                                </a>
130
                            </li>
131
                            <li >
132
                                <a href="html/static/button.html">
133
                                    <span class="ipu-icon fa fa-black-tie ipu-txt-highlight"></span>
134
                                    <p>按钮</p>
135
                                </a>
136
                            </li>
137
                            <li >
138
                                <a href="html/static/img.html">
139
                                    <span class="ipu-icon fa fa-image ipu-txt-primary"></span>
140
                                    <p>图片</p>
141
                                </a>
142
                            </li>
143
                            <li >
144
                                <a href="html/static/assist.html">
145
                                    <span class="ipu-icon fa fa-image ipu-txt-warning"></span>
146
                                    <p>辅助</p>
147
                                </a>
148
                            </li>
149
                            <li >
150
                                <a href="html/static/layout.html">
151
                                    <span class="ipu-icon fa fa-square-o ipu-txt-color-1"></span>
152
                                    <p>布局</p>
153
                                </a>
154
                            </li>
155
                            <li >
156
                                <a href="html/static/grid-layout.html">
157
                                    <span class="ipu-icon fa fa-square ipu-txt-color-2"></span>
158
                                    <p>栅格</p>
159
                                </a>
160
                            </li>
161
162
                            <li >
163
                                <a href="html/static/grid.html">
164
                                    <span class="ipu-icon fa fa-align-left ipu-txt-color-3"></span>
165
                                    <p>宫格</p>
166
                                </a>
167
                            </li>
168
                            <li >
169
                                <a href="html/static/toolbar.html">
170
                                    <span class="ipu-icon fa fa-bars ipu-txt-color-4"></span>
171
                                    <p>工具栏</p>
172
                                </a>
173
                            </li>
174
                            <li >
175
                                <a href="html/static/table.html">
176
                                    <span class="ipu-icon fa fa-table ipu-txt-color-5"></span>
177
                                    <p>表格</p>
178
                                </a>
179
                            </li>
180
                            <li >
181
                                <a href="html/static/badage.html">
182
                                    <span class="ipu-icon fa fa-bandcamp ipu-txt-color-6"></span>
183
                                    <p>徽标</p>
184
                                </a>
185
                            </li>
186
                            <li >
187
                                <a href="html/static/category.html">
188
                                    <span class="ipu-icon fa fa-calendar-times-o ipu-txt-color-7"></span>
189
                                    <p>类目</p>
190
                                </a>
191
                            </li>
192
                            <li >
193
                                <a href="html/static/list.html">
194
                                    <span class="ipu-icon fa fa-list ipu-txt-color-8"></span>
195
                                    <p>列表</p>
196
                                </a>
197
                            </li>
198
                            <li >
199
                                <a href="html/static/card.html">
200
                                    <span class="ipu-icon fa fa-address-card"></span>
201
                                    <p>卡片</p>
202
                                </a>
203
                            </li>
204
                            <li >
205
                                <a href="html/static/timeline.html">
206
                                    <span class="ipu-icon fa fa-line-chart"></span>
207
                                    <p>时间轴</p>
208
                                </a>
209
                            </li>
210
                            <li >
211
                                <a href="html/static/newform.html">
212
                                    <span class="ipu-icon fa fa-flag-o"></span>
213
                                    <p>表单</p>
214
                                </a>
215
                            </li>
216
                          <!--  <li >
217
                                <a href="html/static/form.html">
218
                                    <span class="ipu-icon fa fa-file"></span>
219
                                    <p>表单</p>
220
                                </a>
221
                            </li>-->
222
                        </ul>
223
                    </li>
224
                    <li>
225
                        <ul class="ipu-grid-nine">
226
                            <li >
227
                                <a href="html/other/sign.html">
228
                                    <span class="ipu-icon fa fa-sign-in"></span>
229
                                    <p>签名</p>
230
                                </a>
231
                            </li>
232
                            <li >
233
                                <a href="html/other/drag.html">
234
                                    <span class="ipu-icon fa fa-info-circle ipu-txt-success"></span>
235
                                    <p>拖动</p>
236
                                </a>
237
                            </li>
238
                            <li >
239
                                <a href="html/other/iscroll.html">
240
                                    <span class="ipu-icon fa fa-sellsy ipu-txt-highlight"></span>
241
                                    <p>滚动</p>
242
                                </a>
243
                            </li>
244
                        </ul>
245
                    </li>
246
                    <li>
247
                        关于
248
                    </li>
249
                </ul>
17
<div class="ipu-flex-row ipu-flex-vertical">
18
  <div class="ipu-flex-col">
19
    <header class="ipu-toolbar">
20
      <h1 class="ipu-toolbar-title">首页</h1>
21
    </header>
22
  </div>
23
  <div class="ipu-flex-col ipu-flex-col-auto">
24
    <div class="ipu-flex-content">
25
      <div class="ipu-nav-content">
26
        <ul>
27
          <li>
28
            <div class="ipu-flex-content">
29
              <ul class="ipu-grid-nine">
30
                <li>
31
                  <a href="../case/jiake/static/index.html" target="_blank">
32
                    <span class="ipu-icon mdi mdi-leaf"></span>
33
                    <p>家客</p>
34
                  </a>
35
                </li>
36
                <li class="ipu-col-33 ipu-text-center">
37
                  <a href="../case/jihe/index.html" target="_blank">
38
                    <span class="ipu-icon mdi mdi-seat-flat"></span>
39
                    <p>稽查</p>
40
                  </a>
41
                </li>
42
                <li class="ipu-col-33 ipu-text-center">
43
                  <a href="../case/super-client/index.html" target="_blank">
44
                    <span class="ipu-icon mdi mdi-account-supervisor"></span>
45
                    <p>超级客户端</p>
46
                  </a>
47
                </li>
48
              </ul>
250 49
            </div>
251
        </div>
252
    </div>
50
          </li>
51
          <li>
52
            <div class="ipu-flex-content" id="scrollDemo">
53
              <ul class="ipu-grid-nine">
54
                <li>
55
                  <a href="html/js/carousel.html">
56
                    <span class="ipu-icon mdi mdi-timelapse"></span>
57
                    <p>轮播</p>
58
                  </a>
59
                </li>
60
                <li class="ipu-col-33 ipu-text-center">
61
                  <a href="html/js/refresh-index.html">
62
                    <span class="ipu-icon mdi mdi-refresh"></span>
63
                    <p>refresh刷新</p>
64
                  </a>
65
                </li>
66
                <li class="ipu-col-33 ipu-text-center">
67
                  <a href="html/js/tab-index.html">
68
                    <span class="ipu-icon mdi mdi-tab"></span>
69
                    <p>tab</p>
70
                  </a>
71
                </li>
72
                <li class="ipu-col-33 ipu-text-center">
73
                  <a href="html/js/navBar-index.html">
74
                    <span class="ipu-icon mdi mdi-nas"></span>
75
                    <p>导航</p>
76
                  </a>
77
                </li>
78
                <li class="ipu-col-33 ipu-text-center">
79
                  <a href="html/js/modal.html">
80
                    <span class="ipu-icon mdi mdi-monitor-dashboard"></span>
81
                    <p>模拟框</p>
82
                  </a>
83
                </li>
84
                <li>
85
                  <a href="html/js/popPicker.html">
86
                    <span class="ipu-icon mdi mdi-select"></span>
87
                    <p>选择器</p>
88
                  </a>
89
                </li>
90
                <li>
91
                  <a href="html/js/dtPicker.html">
92
                    <span class="ipu-icon mdi mdi-calendar"></span>
93
                    <p>日历</p>
94
                  </a>
95
                </li>
96
                <li>
97
                  <a href="html/js/progressBar.html">
98
                    <span class="ipu-icon mdi mdi-professional-hexagon"></span>
99
                    <p>进度条</p>
100
                  </a>
101
                </li>
102
                <li>
103
                  <a href="html/js/page-index.html">
104
                    <span class="ipu-icon mdi mdi-page-layout-body"></span>
105
                    <p>单页面应用</p>
106
                  </a>
107
                </li>
108
                <li>
109
                  <a href="html/js/tap.html">
110
                    <span class="ipu-icon mdi mdi-clipboard"></span>
111
                    <p>点击效果</p>
112
                  </a>
113
                </li>
114
              </ul>
115
            </div>
116
          </li>
117
          <li class="ipu-current">
118
            <ul class="ipu-grid-nine">
119
              <li>
120
                <a href="html/static/text.html">
121
                  <span class="ipu-icon mdi mdi-text-subject"></span>
122
                  <p>文本</p>
123
                </a>
124
              </li>
125
              <li>
126
                <a href="html/static/icon.html">
127
                  <span class="ipu-icon ipu-txt-success mdi mdi-information"></span>
128
                  <p>图标</p>
129
                </a>
130
              </li>
131
              <li>
132
                <a href="html/static/button.html">
133
                  <span class="ipu-icon mdi mdi-format-list-bulleted-type ipu-txt-highlight"></span>
134
                  <p>按钮</p>
135
                </a>
136
              </li>
137
              <li>
138
                <a href="html/static/img.html">
139
                  <span class="ipu-icon mdi mdi-image ipu-txt-primary"></span>
140
                  <p>图片</p>
141
                </a>
142
              </li>
143
              <li>
144
                <a href="html/static/assist.html">
145
                  <span class="ipu-icon mdi mdi-assistant ipu-txt-warning"></span>
146
                  <p>辅助</p>
147
                </a>
148
              </li>
149
              <li>
150
                <a href="html/static/layout.html">
151
                  <span class="ipu-icon mdi mdi-view-sequential ipu-txt-color-1"></span>
152
                  <p>布局</p>
153
                </a>
154
              </li>
155
              <li>
156
                <a href="html/static/grid-layout.html">
157
                  <span class="ipu-icon mdi mdi-grid ipu-txt-color-2"></span>
158
                  <p>栅格</p>
159
                </a>
160
              </li>
253 161
254
    <div class="ipu-col ipu-col-auto">
255
        <nav class="ipu-navbar ">
256
            <a class="ipu-navbar-item " href="javascript:;">
257
                <span class="ipu-icon fa fa-home"></span>
258
                <span class="ipu-navbar-item-label">案例</span>
259
            </a>
260
            <a class="ipu-navbar-item " href="javascript:;">
261
                <span class="ipu-icon fa fa-dashcube"></span>
262
                <span class="ipu-navbar-item-label">JS组件</span>
263
            </a>
264
            <a class="ipu-navbar-item ipu-current" href="javascript:;">
265
                <span class="ipu-icon fa fa-map"></span>
266
                <span class="ipu-navbar-item-label">静态组件</span>
267
            </a>
268
            <a class="ipu-navbar-item" href="javascript:;">
269
                <span class="ipu-icon fa fa-mortar-board"></span>
270
                <span class="ipu-navbar-item-label">更多</span>
271
            </a>
272
            <a class="ipu-navbar-item" href="javascript:;">
273
                <span class="ipu-icon fa fa-info-circle"></span>
274
                <span class="ipu-navbar-item-label">关于</span>
275
            </a>
276
        </nav>
162
              <li>
163
                <a href="html/static/grid.html">
164
                  <span class="ipu-icon mdi mdi-view-grid ipu-txt-color-3"></span>
165
                  <p>宫格</p>
166
                </a>
167
              </li>
168
              <li>
169
                <a href="html/static/toolbar.html">
170
                  <span class="ipu-icon mdi mdi-tooltip ipu-txt-color-4"></span>
171
                  <p>工具栏</p>
172
                </a>
173
              </li>
174
              <li>
175
                <a href="html/static/table.html">
176
                  <span class="ipu-icon mdi mdi-table ipu-txt-color-5"></span>
177
                  <p>表格</p>
178
                </a>
179
              </li>
180
              <li>
181
                <a href="html/static/badage.html">
182
                  <span class="ipu-icon mdi mdi-bandcamp ipu-txt-color-6"></span>
183
                  <p>徽标</p>
184
                </a>
185
              </li>
186
              <li>
187
                <a href="html/static/category.html">
188
                  <span class="ipu-icon mdi mdi-timelapse ipu-txt-color-7"></span>
189
                  <p>类目</p>
190
                </a>
191
              </li>
192
              <li>
193
                <a href="html/static/list.html">
194
                  <span class="ipu-icon mdi mdi-view-list ipu-txt-color-8"></span>
195
                  <p>列表</p>
196
                </a>
197
              </li>
198
              <li>
199
                <a href="html/static/card.html">
200
                  <span class="ipu-icon mdi mdi-cards"></span>
201
                  <p>卡片</p>
202
                </a>
203
              </li>
204
              <li>
205
                <a href="html/static/timeline.html">
206
                  <span class="ipu-icon mdi mdi-chart-line"></span>
207
                  <p>时间轴</p>
208
                </a>
209
              </li>
210
              <li>
211
                <a href="html/static/newform.html">
212
                  <span class="ipu-icon mdi mdi-folder"></span>
213
                  <p>表单</p>
214
                </a>
215
              </li>
216
              <!--  <li >
217
                    <a href="html/static/form.html">
218
                        <span class="ipu-icon fa fa-file"></span>
219
                        <p>表单</p>
220
                    </a>
221
                </li>-->
222
            </ul>
223
          </li>
224
          <li>
225
            <ul class="ipu-grid-nine">
226
              <li>
227
                <a href="html/other/sign.html">
228
                  <span class="ipu-icon mdi mdi-sign-text ipu-txt-primary"></span>
229
                  <p>签名</p>
230
                </a>
231
              </li>
232
              <li>
233
                <a href="html/other/drag.html">
234
                  <span class="ipu-icon mdi mdi-selection-drag ipu-txt-success"></span>
235
                  <p>拖动</p>
236
                </a>
237
              </li>
238
              <li>
239
                <a href="html/other/iscroll.html">
240
                  <span class="ipu-icon mdi mdi-move-resize-variant ipu-txt-highlight"></span>
241
                  <p>滚动</p>
242
                </a>
243
              </li>
244
            </ul>
245
          </li>
246
          <li>
247
            关于
248
          </li>
249
        </ul>
250
      </div>
277 251
    </div>
252
  </div>
253
254
  <div class="ipu-flex-col">
255
    <nav class="ipu-navbar">
256
      <a class="ipu-navbar-item " href="javascript:;">
257
        <span class="ipu-icon mdi mdi-desktop-tower-monitor mdi-home"></span>
258
        <span class="ipu-navbar-item-label">案例</span>
259
      </a>
260
      <a class="ipu-navbar-item " href="javascript:;">
261
        <span class="ipu-icon mdi mdi-code-array"></span>
262
        <span class="ipu-navbar-item-label">JS组件</span>
263
      </a>
264
      <a class="ipu-navbar-item ipu-current" href="javascript:;">
265
        <span class="ipu-icon mdi mdi-language-css3"></span>
266
        <span class="ipu-navbar-item-label">静态组件</span>
267
      </a>
268
      <a class="ipu-navbar-item" href="javascript:;">
269
        <span class="ipu-icon mdi mdi-more"></span>
270
        <span class="ipu-navbar-item-label">更多</span>
271
      </a>
272
      <a class="ipu-navbar-item" href="javascript:;">
273
        <span class="ipu-icon mdi mdi-information"></span>
274
        <span class="ipu-navbar-item-label">关于</span>
275
      </a>
276
    </nav>
277
  </div>
278 278
</div>
279 279
280 280
</body>

+ 24 - 3
ipuui/docs/index.html

@ -13,7 +13,7 @@
13 13
  <link rel="stylesheet" href="styles-8184dad50dadb76aad743829a7c19ed0.css" type="text/css" />
14 14
15 15
  <script type="text/javascript" src="extjs/ext-all.js"></script>
16
  <script type="text/javascript" src="data-3eae37dbda40740b3104188b2a5e1cbd.js"></script>
16
  <script type="text/javascript" src="data-90d37cb8bac51b43455de16399377c49.js"></script>
17 17
18 18
  <script type="text/javascript" src="app-0c945a27f43452df695771ddb60b3d14.js"></script>
19 19
@ -27,7 +27,28 @@
27 27
  <div id="header-content"><strong>Documentation</strong> JSDuck</div>
28 28
  
29 29
            <div id='categories-content' style='display:none'>
30
            
30
            <div class='section'>
31
<h1>Others...</h1>
32
<div class='left-column'>
33
<h3>Others...</h3>
34
<ul class='links'>
35
<li><a href="#!/api/DtPicker" rel="DtPicker" class="docClass">DtPicker</a></li>
36
<li><a href="#!/api/HammerCarousel" rel="HammerCarousel" class="docClass">HammerCarousel</a></li>
37
<li><a href="#!/api/NavBar" rel="NavBar" class="docClass">NavBar</a></li>
38
<li><a href="#!/api/PopPicker" rel="PopPicker" class="docClass">PopPicker</a></li>
39
<li><a href="#!/api/ProgressBar" rel="ProgressBar" class="docClass">ProgressBar</a></li>
40
<li><a href="#!/api/Refresh" rel="Refresh" class="docClass">Refresh</a></li>
41
<li><a href="#!/api/Tab" rel="Tab" class="docClass">Tab</a></li>
42
<li><a href="#!/api/ipuUI" rel="ipuUI" class="docClass">ipuUI</a></li>
43
<li><a href="#!/api/modal" rel="modal" class="docClass">modal</a></li>
44
</ul>
45
</div>
46
<div class='middle-column'>
47
</div>
48
<div class='right-column'>
49
</div>
50
<div style='clear:both'></div>
51
</div>
31 52
          </div>
32 53
33 54
  
@ -40,7 +61,7 @@
40 61
</ul>
41 62
        </div>
42 63
43
  <div id='footer-content' style='display: none'>Generated on Mon 03 Sep 2018 14:57:48 by <a href='https://github.com/senchalabs/jsduck'>JSDuck</a> 5.3.4.</div>
64
  <div id='footer-content' style='display: none'>Generated on Tue 04 Sep 2018 16:00:05 by <a href='https://github.com/senchalabs/jsduck'>JSDuck</a> 5.3.4.</div>
44 65
45 66
  
46 67

+ 1 - 1
ipuui/gulpfile.js

@ -63,7 +63,7 @@ var GJSDuck = require("gulp-jsduck");
63 63
var gjsduck = new GJSDuck(["--out", "docs", "--guides", "guides/guides.json"]);
64 64
65 65
gulp.task('jsdoc', ['js'], function () {
66
    gulp.src(['./dist/js/ipu.js'], {read: false})
66
    gulp.src(['./dist/js/ipuUI.js'], {read: false})
67 67
        .pipe(gjsduck.doc());
68 68
});
69 69

+ 1 - 1
ipuui/src/js/device.js

@ -1,5 +1,5 @@
1 1
// todo:添加判断平台如mobile ,tablet, pc,参考其它类似功能库,添加webview判断
2
;(function (ipuUI, $) {
2
(function (ipuUI, $) {
3 3
  var device = {};  // Classes
4 4
  var classNames = [];
5 5
  var ua = navigator.userAgent;

+ 1 - 1
ipuui/src/js/ipuUI-prefix.js

@ -1,5 +1,5 @@
1 1
(function () {
2
  "use strict"
2
  "use strict";
3 3
4 4
  function setup(jQuery, iScroll, Hammer, FastClick) {
5 5

+ 65 - 129
ipuui/src/sass/base/function.scss

@ -1,5 +1,5 @@
1
// 应该是属性名加值,来组合,才合适扩展,以及属性名不能缩写一个字母,最少要两个,避免冲突,left的l与lg的l冲突
2
// 移除fn命名
1
// 如果功能只是单一属性,使用fn-属性名缩写-值
2
// fn命名的与属性
3 3
.ipu-fn-left {
4 4
  float: left;
5 5
}
@ -12,22 +12,6 @@
12 12
  @include fn-clear();
13 13
}
14 14
15
.ipu-fn-over-auto {
16
  overflow: auto;
17
}
18
19
.ipu-fn-over-visable {
20
  overflow: visible;
21
}
22
23
.ipu-fn-over-hidden {
24
  overflow: hidden;
25
}
26
27
.ipu-fn-over-scroll {
28
  overflow: scroll;
29
}
30
31 15
.ipu-fn-show {
32 16
  display: block;
33 17
}
@ -36,107 +20,14 @@
36 20
  display: none;
37 21
}
38 22
39
.ipu-fn-hide-visibility {
40
  visibility: hidden;
41
}
42
43
.ipu-fn-scrollable { // 增加ios惯性滚动
23
.ipu-fn-scroll { // 增加ios惯性滚动
44 24
  @include scrollable();
45 25
}
46 26
47
.ipu-fn-scrollable-cancel { // 取消ios惯性滚动
27
.ipu-fn-scroll-cancel { // 取消ios惯性滚动
48 28
  -webkit-overflow-scrolling: auto;
49 29
}
50 30
51
.ipu-border-t {
52
  border-top: 1px solid $c-element-bd;
53
}
54
55
.ipu-border-b {
56
  border-bottom: 1px solid $c-element-bd
57
}
58
59
.ipu-border-tb {
60
  border-top: 1px solid $c-element-bd;
61
  border-bottom: 1px solid $c-element-bd;
62
}
63
64
.ipu-border-l {
65
  border-left: 1px solid $c-element-bd;
66
}
67
68
.ipu-border-r {
69
  border-right: 1px solid $c-element-bd;
70
}
71
72
.ipu-border {
73
  border: 1px solid $c-element-bd;
74
}
75
76
.ipu-bg-color-1 {
77
  background: $txt-color-1;
78
}
79
80
.ipu-bg-color-2 {
81
  background: $txt-color-2;
82
}
83
84
.ipu-bg-color-3 {
85
  background: $txt-color-3;
86
}
87
88
.ipu-bg-color-4 {
89
  background: $txt-color-4;
90
}
91
92
.ipu-bg-color-5 {
93
  background: $txt-color-5;
94
}
95
96
.ipu-bg-color-6 {
97
  background: $txt-color-6;
98
}
99
100
.ipu-bg-color-7 {
101
  background: $txt-color-7;
102
}
103
104
.ipu-bg-color-8 {
105
  background: $txt-color-8;
106
}
107
108
.ipu-txt-color-1 {
109
  color: $txt-color-1;
110
}
111
112
.ipu-txt-color-2 {
113
  color: $txt-color-2;
114
}
115
116
.ipu-txt-color-3 {
117
  color: $txt-color-3;
118
}
119
120
.ipu-txt-color-4 {
121
  color: $txt-color-4;
122
}
123
124
.ipu-txt-color-5 {
125
  color: $txt-color-5;
126
}
127
128
.ipu-txt-color-6 {
129
  color: $txt-color-6;
130
}
131
132
.ipu-txt-color-7 {
133
  color: $txt-color-7;
134
}
135
136
.ipu-txt-color-8 {
137
  color: $txt-color-8;
138
}
139
140 31
.ipu-fn-m {
141 32
  margin: $m-fn;
142 33
}
@ -197,6 +88,7 @@
197 88
  padding-bottom: $p-fn;
198 89
}
199 90
91
// 复制
200 92
.ipu-fn-copy {
201 93
  user-select: text;
202 94
}
@ -205,50 +97,94 @@
205 97
  user-select: none;
206 98
}
207 99
208
.ipu-fn-txt-row {
100
// 行省略
101
.ipu-fn-row {
209 102
  @include nowrap();
210 103
}
211 104
212
.ipu-fn-txt-row-2 {
105
.ipu-fn-row-2 {
213 106
  @include txt-row(2);
214 107
}
215 108
216
.ipu-fn-txt-row-3 {
109
.ipu-fn-row-3 {
217 110
  @include txt-row(3);
218 111
}
219 112
220
.ipu-fn-txt-row-4 {
113
.ipu-fn-row-4 {
221 114
  @include txt-row(4);
222 115
}
223 116
224
.ipu-fn-txt-row-5 {
117
.ipu-fn-row-5 {
225 118
  @include txt-row(5);
226 119
}
227 120
228
.ipu-fn-bg-primary {
121
// 边框
122
.ipu-fn-bd-t {
123
  @include borderline(top, $c-component-bd);
124
}
125
126
.ipu-fn-bd-b {
127
  @include borderline(bottom, $c-component-bd);
128
}
129
130
.ipu-fn-bd-l {
131
  @include borderline(left, $c-component-bd);
132
}
133
134
.ipu-fn-bd-r {
135
  @include borderline(right, $c-component-bd);
136
}
137
138
// 背景色
139
.ipu-fn-bgc-white {
140
  background-color: $c-txt-white;
141
}
142
.ipu-fn-bgc-black {
143
  background-color: #000;
144
}
145
146
.ipu-fn-bgc-primary {
229 147
  background-color: $c-primary;
230 148
}
231 149
232
.ipu-fn-bg-primary-light {
150
.ipu-fn-bgc-primary-light {
233 151
  background-color: $c-primary-light;
234 152
}
235 153
236
.ipu-fn-bg-primary-darken {
154
.ipu-fn-bgc-primary-darken {
237 155
  background-color: $c-primary-darken;
238 156
}
239 157
240
.ipu-txt-primary-light {
241
  color: $c-primary-light;
158
.ipu-fn-bgc-1 {
159
  background: $txt-color-1;
160
}
161
162
.ipu-fn-bgc-2 {
163
  background: $txt-color-2;
164
}
165
166
.ipu-fn-bgc-3 {
167
  background: $txt-color-3;
168
}
169
170
.ipu-fn-bgc-4 {
171
  background: $txt-color-4;
242 172
}
243 173
244
.ipu-txt-primary-dark {
245
  color: $c-primary-darken;
174
.ipu-fn-bgc-5 {
175
  background: $txt-color-5;
246 176
}
247 177
248
.ipu-fn-bg-white {
249
  background-color: $c-txt-white
178
.ipu-fn-bgc-6 {
179
  background: $txt-color-6;
250 180
}
251 181
252
.ipu-fn-bg-default {
253
  background-color: $b-background-color;
182
.ipu-fn-bgc-7 {
183
  background: $txt-color-7;
254 184
}
185
186
.ipu-fn-bgc-8 {
187
  background: $txt-color-8;
188
}
189
190

+ 2 - 2
ipuui/src/sass/base/icon.scss

@ -1,5 +1,5 @@
1
.ipu-icon, [class^="ipu-icon-"] {
2
1
.ipu-icon{
2
  display: inline-block;
3 3
}
4 4
5 5
@import "icon/awesome-adapter";

+ 52 - 79
ipuui/src/sass/base/mixin.scss

@ -1,5 +1,5 @@
1 1
// 尺寸自适应处理函数
2
@mixin queryWidth( $min , $max ) {
2
@mixin query-width( $min , $max ) {
3 3
  $rem-base-size-sm: $rem-base-size * $rem-sm;
4 4
  $rem-base-size-lg: $rem-base-size * $rem-lg;
5 5
  $rem-base-size-xl: $rem-base-size * $rem-xl;
@ -50,32 +50,6 @@
50 50
  }
51 51
}
52 52
53
@mixin placehold-img {
54
  position: relative;
55
  & > span {
56
    width: 100%;
57
    height: 100%;
58
    position: absolute;
59
    top: 0;
60
    left: 0;
61
    z-index: $z-index-img;
62
    background-repeat: no-repeat;
63
    -webkit-background-size: cover;
64
  }
65
}
66
67
@mixin img {
68
  position: relative;
69
  & > span {
70
    display: block;
71
    width: 100%;
72
    height: 100%;
73
    z-index: $z-index-img;
74
    background-repeat: no-repeat;
75
    -webkit-background-size: cover;
76
  }
77
}
78
79 53
@mixin avatar($size: $avatar-width) {
80 54
  width: #{$size}px;
81 55
  height: #{$size}px;
@ -90,7 +64,6 @@
90 64
    -webkit-background-size: cover;
91 65
    -webkit-border-radius: $border-radius-max;
92 66
  }
93
94 67
}
95 68
96 69
@mixin fn-clear {
@ -104,17 +77,6 @@
104 77
  }
105 78
}
106 79
107
@mixin icon { //   好像是个未使用代码
108
  font-family: "iconfont";
109
  font-size: 32px;
110
  line-height: $line-height-bar;
111
  font-style: normal;
112
  -webkit-font-smoothing: antialiased;
113
  -webkit-text-stroke-width: 0.2px;
114
  display: block;
115
  color: rgba(0, 0, 0, .5);
116
}
117
118 80
@mixin arrowlink {
119 81
  position: absolute;
120 82
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==);
@ -146,51 +108,62 @@
146 108
  -webkit-line-clamp: $row;
147 109
  -webkit-box-orient: vertical;
148 110
  overflow: hidden;
149
  text-overflow: ellipsis
111
  text-overflow: ellipsis;
150 112
}
151
152 113
@mixin borderline($position, $color) {
153
  content: '';
154
  position: absolute;
155
156
  @if $position == top {
157
    left: 0;
158
    right: 0;
159
    top: 0;
160
    bottom: auto;
161
    height: 1px;
162
  } @else if $position == bottom {
163
    left: 0;
164
    right: 0;
165
    bottom: 0;
166
    top: auto;
167
    height: 1px;
168
  } @else if $position == left {
169
    left: 0;
170
    top: 0;
171
    bottom: 0;
172
    right: auto;
173
    width: 1px;
174
  } @else {
175
    left: auto;
176
    top: 0;
177
    bottom: 0;
178
    right: 0;
179
    width: 1px;
180
  }
181
182
  background-color: $color;
183
  z-index: 1;
184
  transform-origin: 0% 50%;
185
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
186
    transform: scaleY(0.5);
187
  }
188
  @media only screen and (-webkit-min-device-pixel-ratio: 3) {
189
    transform: scaleY(0.33);
114
  $posMap: (top: before, left: before, right: after, bottom: after); // 定义map
115
  $pos: map-get($posMap, $position);
116
117
  &{
118
    position: relative;
119
120
    &:#{$pos}{
121
      content: '';
122
      position: absolute;
123
      @if $position == top {
124
        left: 0;
125
        right: 0;
126
        top: 0;
127
        bottom: auto;
128
        height: 1px;
129
        transform-origin: 50% 0%;
130
      } @else if $position == bottom {
131
        left: 0;
132
        right: 0;
133
        bottom: 0;
134
        top: auto;
135
        height: 1px;
136
        transform-origin: 50% 100%;
137
      } @else if $position == left {
138
        left: 0;
139
        top: 0;
140
        bottom: 0;
141
        right: auto;
142
        width: 1px;
143
        transform-origin: 0% 50%;
144
      } @else {
145
        left: auto;
146
        top: 0;
147
        bottom: 0;
148
        right: 0;
149
        width: 1px;
150
        transform-origin: 100% 50%;
151
        transform-origin: 100% 50%;
152
      }
153
      background-color: $color;
154
      z-index: 1;
155
      transform-origin: 0% 50%;
156
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
157
        transform: scaleY(0.5);
158
      }
159
      @media only screen and (-webkit-min-device-pixel-ratio: 3) {
160
        transform: scaleY(0.33);
161
      }
162
    }
190 163
  }
191 164
}
192 165
193
@mixin remove-borderline() {
166
@mixin borderline-remove() { // 要根据位置来remove了
194 167
  content: none;
195 168
}
196 169

+ 2 - 2
ipuui/src/sass/base/rem.scss

@ -3,12 +3,12 @@ $rem-width-min: -1;
3 3
$rem-width-max: null;
4 4
5 5
@each $temp-rem-width in $rem-query-widths {
6
  @include queryWidth($rem-width-min, $temp-rem-width - 1);
6
  @include query-width($rem-width-min, $temp-rem-width - 1);
7 7
  $rem-width-max: $temp-rem-width;
8 8
  $rem-width-min: $rem-width-max;
9 9
}
10 10
11
@include queryWidth($rem-width-min, -1);
11
@include query-width($rem-width-min, -1);
12 12
13 13
// 增加vw处理
14 14
@media screen and (min-width: nth($rem-query-widths,1)+px) and (max-width: $rem-width-max+px) {

+ 75 - 38
ipuui/src/sass/base/text.scss

@ -1,74 +1,107 @@
1
.ipu-txt-xxl {
2
  font-size: $fs-xxl;
1
// 关于文本的单一属性放ipu-txt,其它放ipu-fn-属性-值或ipu-fn-描述
2
.ipu-txt-primary {
3
  color: $c-primary;
3 4
}
4 5
5
.ipu-txt-xl {
6
  font-size: $fs-xl;
6
.ipu-txt-warning {
7
  color: $c-warning;
7 8
}
8 9
9
.ipu-txt-l {
10
  font-size: $fs-l;
10
.ipu-txt-success {
11
  color: $c-success;
11 12
}
12 13
13
.ipu-txt-m {
14
  font-size: $fs-m;
14
.ipu-txt-highlight {
15
  color: $c-highlight;
15 16
}
16 17
17
.ipu-txt-s {
18
  font-size: $fs-s;
18
.ipu-txt-primary-light {
19
  color: $c-primary-light;
19 20
}
20 21
21
.ipu-txt-xs {
22
  font-size: $fs-xs;
22
.ipu-txt-primary-dark {
23
  color: $c-primary-darken;
24
}
25
.ipu-txt-black,
26
.ipu-txt-000 {
27
  color: #000;
23 28
}
24 29
25
.ipu-txt-rl {
26
  font-size: #{$rl}em;
30
.ipu-txt-333 {
31
  color: #333;
27 32
}
28 33
29
.ipu-txt-rs {
30
  font-size: #{$rs}em;
34
.ipu-txt-666 {
35
  color: #666;
31 36
}
32 37
33
// 从黑到白的文本颜色
34
.ipu-txt-black {
35
  color: $c-txt-black;
38
.ipu-txt-999 {
39
  color: #999;
36 40
}
37 41
38
.ipu-txt-dark {
39
  color: $c-txt-dark;
42
.ipu-txt-ccc {
43
  color: #ccc;
40 44
}
41 45
42
.ipu-txt-default {
43
  color: $c-txt-default;
46
.ipu-txt-fff,
47
.ipu-txt-white {
48
  color: #fff;
44 49
}
45 50
46
.ipu-txt-gray {
47
  color: $c-txt-gray;
51
.ipu-txt-color-1 {
52
  color: $txt-color-1;
48 53
}
49 54
50
.ipu-txt-light {
51
  color: $c-txt-light;
55
.ipu-txt-color-2 {
56
  color: $txt-color-2;
52 57
}
53 58
54
.ipu-txt-white {
55
  color: $c-txt-white;
59
.ipu-txt-color-3 {
60
  color: $txt-color-3;
56 61
}
57 62
58
.ipu-txt-primary {
59
  color: $c-primary;
63
.ipu-txt-color-4 {
64
  color: $txt-color-4;
60 65
}
61 66
62
.ipu-txt-warning {
63
  color: $c-warning;
67
.ipu-txt-color-5 {
68
  color: $txt-color-5;
64 69
}
65 70
66
.ipu-txt-success {
67
  color: $c-success;
71
.ipu-txt-color-6 {
72
  color: $txt-color-6;
68 73
}
69 74
70
.ipu-txt-highlight {
71
  color: $c-highlight;
75
.ipu-txt-color-7 {
76
  color: $txt-color-7;
77
}
78
79
.ipu-txt-color-8 {
80
  color: $txt-color-8;
81
}
82
83
.ipu-txt-fs-11 {
84
  font-size: .11rem;
85
}
86
87
.ipu-txt-fs-12 {
88
  font-size: .12rem;
89
}
90
91
.ipu-txt-fs-13 {
92
  font-size: .13rem;
93
}
94
95
.ipu-txt-fs-15 {
96
  font-size: .15rem;
97
}
98
99
.ipu-txt-fs-17 {
100
  font-size: .17rem;
101
}
102
103
.ipu-txt-fs-20 {
104
  font-size: .2rem;
72 105
}
73 106
74 107
.ipu-txt-center {
@ -83,9 +116,13 @@
83 116
  text-align: right;
84 117
}
85 118
86
.ipu-txt-justify {
119
.ipu-txt-jusitfy {
87 120
  text-align: justify;
88 121
}
122
.ipu-txt-bold{
123
  font-weight: bold;
124
}
125
89 126
90 127
91 128

+ 1 - 1
ipuui/src/sass/base/variable-custom.scss

@ -1,7 +1,7 @@
1 1
// todo: 可修改的4个值,想修改其它值,要想想怎么处理
2 2
// 要提取变量,再生成对应文件
3 3
4
$c-primary:             #1E96FA ;    // 主题色
4
$c-primary:             #0083D3 ;    // 主题色
5 5
//$c-highlight:           #ff8444;    // 高亮示,做提示,突出作用
6 6
//$c-success:             #4cd964;    // 成功色
7 7
//$c-warning:             #ff4222;    // 警告色

+ 2 - 13
ipuui/src/sass/base/variable.scss

@ -5,7 +5,6 @@
5 5
6 6
// 公共变量  组件边框,组件背景,组件默认色
7 7
$c-primary-positive:   #fff;        // 与主色搭配,如主背景,则此为主文字色,主此色背景,则文字为主色
8
9 8
$rl:                   1.2;        // 相对放大
10 9
$rs:                   .85;        // 相对缩小
11 10
$bd-radius:           .03rem;     // 一般圆角大小
@ -30,10 +29,6 @@ $fs-m:          .15rem;
30 29
$fs-s:          .14rem;
31 30
$fs-xs:         .13rem;
32 31
33
// Z-Indexes
34
$z-index-img:                           1;
35
$z-index-subnav:                        99;
36
37 32
// 颜色 color
38 33
$c-primary:             #8BCBE4 !default;    // 主题色
39 34
$c-highlight:           #ff8444 !default;    // 高亮示,做提示,突出作用
@ -49,7 +44,6 @@ $c-txt-gray:          #999;       // 浅灰色
49 44
$c-txt-light:         #ccc;
50 45
$c-txt-white:         #fff;
51 46
52
$c-muted:             #ddd;       // 禁用和未激活时使用颜色 todo:待确认是否需要定义在这
53 47
54 48
$c-primary-darken:      darken($c-primary, 10%);
55 49
$c-highlight-darken:    darken($c-highlight, 10%);
@ -72,11 +66,6 @@ $rem-query-widths : (320, 350, 360, 375, 384, 400, 414, 450, 480, 520, 640);
72 66
$rem-sm: .9;
73 67
$rem-lg: 1.1;
74 68
$rem-xl: $rem-lg * $rem-lg;
75
$rem-size: (        // 尺寸预定义
76
    sm: .9,
77
    lg: 1.1,
78
    xl: 1.1*1.1
79
);
80 69
81 70
// fn
82 71
$m-fn:  .1rem;
@ -147,7 +136,7 @@ $fs-grid-item-icon:.32rem;
147 136
// ipu-category
148 137
$p-category: .12rem;
149 138
$fs-category: .14rem;
150
$c-category:   $c-txt-dark;
139
$c-category:   #333;
151 140
$s-category-icon:    .44rem;
152 141
153 142
// ipu-progressbar
@ -177,7 +166,7 @@ $h-picker-item:     .36rem;
177 166
$h-picker: 2rem;
178 167
$c-picker-bg:#ddd;
179 168
$c-picker-selecetbox-bd:#ccc;
180
$c-picker-highlight: $c-txt-black;
169
$c-picker-highlight: #000;
181 170
$c-picker-over-bg:rgba(0,0,0,.3);
182 171
$c-poppicker-bg: #eee;
183 172
$p-poppicker-head: .06rem;

+ 4 - 5
ipuui/src/sass/component/navbar.scss

@ -15,7 +15,6 @@
15 15
  color: $c-navbar;
16 16
  text-align: center;
17 17
  vertical-align: middle;
18
  padding: .03rem 0 .03rem;
19 18
}
20 19
21 20
.ipu-navbar .ipu-navbar-item {
@ -27,14 +26,14 @@
27 26
28 27
.ipu-navbar .ipu-navbar-item .ipu-icon {
29 28
  position: relative;
30
  font-size: .3rem;
31
  line-height: .3rem;
29
  font-size: .24rem;
30
  line-height: 1.1;
32 31
}
33 32
34 33
.ipu-navbar .ipu-navbar-item .ipu-navbar-item-label {
35 34
  display: block;
36
  font-size: .12rem;
37
  line-height: 1.25;
35
  font-size: .11rem;
36
  line-height: 1.1;
38 37
}
39 38
40 39
.ipu-nav-content {

+ 0 - 7
ipuui/src/sass/custom/variable.scss

@ -1,7 +0,0 @@
1
// todo: 可修改的4个值,想修改其它值,要想想怎么处理
2
// 要提取变量,再生成对应文件
3
4
//$c-primary:             #00479d;    // 主题色
5
//$c-highlight:           #ff8444;    // 高亮示,做提示,突出作用
6
//$c-success:             #4cd964;    // 成功色
7
//$c-warning:             #ff4222;    // 警告色

+ 1 - 1
ipuui/src/sass/layout/card.scss

@ -15,7 +15,7 @@
15 15
  > :last-child {
16 16
    border-radius: 0 0 $bd-radius $bd-radius;
17 17
  }
18
  > :not(:first-child):before {
18
  > :not(:first-child){
19 19
    @include borderline(top, $c-card-bd);
20 20
  }
21 21
}

+ 0 - 136
ipuui/src/sass/layout/form.scss

@ -1,136 +0,0 @@
1
// input 未设置高度,颜色等
2
// 注册等典型布局
3
// 与列表布局考虑
4
.ipu-form {
5
  background-color: $c-component-bg;
6
  border-top: 1px solid $c-component-bd;
7
}
8
9
.ipu-form-item {
10
  position: relative;
11
  font-size: $fs-m;
12
  padding: $p-form-item;
13
  border-bottom: 1px solid $c-component-bd;
14
15
  label:not(.ipu-switch):not(.ipu-checkbox):not(.ipu-radio) {
16
    width: $w-form-label;
17
    position: absolute;
18
    text-align: left;
19
  }
20
21
  input,
22
  textarea {
23
    width: 100%;
24
    -webkit-appearance: none;
25
    border: 0;
26
    background: none;
27
    padding-left: $w-form-label;
28
  }
29
  input[type="checkbox"], input[type="radio"] {
30
    padding-left: 0;
31
  }
32
  .ipu-icon-close {
33
    position: absolute;
34
    top: 0;
35
    right: .06rem;
36
  }
37
}
38
39
.ipu-form-item-order, .ipu-form-item-link {
40
  > a {
41
    display: block;
42
  }
43
}
44
45
.ipu-form-item-order:active {
46
  background-color: $c-active-bg;
47
}
48
49
.ipu-form-item-textarea {
50
  height: $h-form-textarea;
51
}
52
53
.ipu-form-item-textarea label {
54
  vertical-align: top;
55
}
56
57
.ipu-form-item-textarea textarea {
58
  margin-top: $mt-form-textarea;
59
  border: none;
60
  resize: none;
61
}
62
63
.ipu-form-item-textarea textarea:focus {
64
  outline: none;
65
}
66
67
.ipu-form-item-link > li:after {
68
  @include arrowlink;
69
}
70
71
.ipu-form-item-l label {
72
  color: $c-primary;
73
  text-align: center;
74
}
75
76
.ipu-form-item-r .ipu-icon-close {
77
  right: $r-form-close-right;
78
}
79
80
.ipu-form-item-l input:not([type="checkbox"]):not([type="radio"]) {
81
  padding-left: $pl-form-input-left;
82
}
83
84
.ipu-form-item-r {
85
  padding-right: 0;
86
}
87
88
.ipu-form-item-r input:not([type="checkbox"]):not([type="radio"]) {
89
  padding-left: 0;
90
  padding-right: $pr-form-input-right;
91
}
92
93
.ipu-form-item-r button {
94
  /*width: 110px;*//*
95
    height: $lh-form-item;*/
96
  position: absolute;
97
  top: .1rem;
98
  right: 0.15rem;
99
}
100
101
.ipu-form-item-r button.disabled {
102
  color: $c-muted;
103
}
104
105
.ipu-form-item-r button:not(.disabled):active {
106
  background-color: $c-active-bg;
107
}
108
109
.ipu-form-item-pure input,
110
.ipu-form-item-pure textarea {
111
  padding-left: 0;
112
}
113
114
/* 表单展示项 */
115
.ipu-form-item-show label {
116
  color: $c-txt-gray;
117
}
118
119
.ipu-form-item-link:after {
120
  @include arrowlink;
121
}
122
123
.ipu-form-item-checkbox,
124
.ipu-form-item-radio,
125
.ipu-form-item-switch {
126
  display: -webkit-box;
127
  -webkit-box-align: center;
128
}
129
130
.ipu-form-item .ipu-switch {
131
  position: absolute;
132
  right: $p-form-item;
133
  top: 50%;
134
  margin-top: -$h-switch / 2;
135
}
136

+ 0 - 1
ipuui/src/sass/layout/grid.scss

@ -45,7 +45,6 @@
45 45
}
46 46
47 47
.ipu-grid-trisect-img, .ipu-grid-halve-img {
48
  @include placehold-img;
49 48
  img {
50 49
    width: 100%;
51 50
    height: 100%;

+ 5 - 5
ipuui/src/sass/layout/list.scss

@ -6,11 +6,11 @@
6 6
  position: relative;
7 7
}
8 8
9
.ipu-list > ul:before {
9
.ipu-list > ul {
10 10
  @include borderline(top, $c-list-bd);
11 11
}
12 12
13
.ipu-list > ul:after {
13
.ipu-list > ul {
14 14
  @include borderline(bottom, $c-list-bd);
15 15
}
16 16
@ -19,7 +19,7 @@
19 19
  background-color: $c-component-bg;
20 20
}
21 21
22
.ipu-list > ul > li:not(:last-child) .ipu-list-item-inner:after {
22
.ipu-list > ul > li:not(:last-child) .ipu-list-item-inner {
23 23
  @include borderline(bottom, $c-list-bd)
24 24
}
25 25
@ -136,12 +136,12 @@
136 136
.ipu-list-block-space {
137 137
  > ul {
138 138
    > li {
139
      &:not(:first-child):before {
139
      &:not(:first-child) {
140 140
        @include borderline(top, $c-list-bd);
141 141
      }
142 142
143 143
      &:not(:last-child) .ipu-list-item-inner:after {
144
        @include remove-borderline();
144
        @include borderline-remove();
145 145
      }
146 146
    }
147 147
  }

+ 1 - 1
ipuui/src/sass/template/nav.scss

@ -47,7 +47,7 @@
47 47
  position: absolute;
48 48
  top: 100%;
49 49
  right: 0;
50
  z-index: $z-index-subnav;
50
  z-index: 50;
51 51
  & > li {
52 52
    border-top: 1px solid $c-primary-positive;
53 53
    & > a {