├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── lib ├── alert.css ├── aside.css ├── autocomplete.css ├── badge.css ├── base.css ├── breadcrumb-item.css ├── breadcrumb.css ├── button-group.css ├── button.css ├── card.css ├── carousel-item.css ├── carousel.css ├── cascader.css ├── checkbox-button.css ├── checkbox-group.css ├── checkbox.css ├── col.css ├── collapse-item.css ├── collapse.css ├── color-picker.css ├── container.css ├── date-picker.css ├── dialog.css ├── display.css ├── dropdown-item.css ├── dropdown-menu.css ├── dropdown.css ├── element-variables.css ├── fonts │ ├── element-icons.ttf │ └── element-icons.woff ├── footer.css ├── form-item.css ├── form.css ├── header.css ├── icon.css ├── index.css ├── input-number.css ├── input.css ├── loading.css ├── main.css ├── menu-item-group.css ├── menu-item.css ├── menu.css ├── message-box.css ├── message.css ├── notification.css ├── option-group.css ├── option.css ├── pagination.css ├── popover.css ├── popper.css ├── progress.css ├── radio-button.css ├── radio-group.css ├── radio.css ├── rate.css ├── reset.css ├── row.css ├── scrollbar.css ├── select-dropdown.css ├── select.css ├── slider.css ├── spinner.css ├── step.css ├── steps.css ├── submenu.css ├── switch.css ├── tab-pane.css ├── table-column.css ├── table.css ├── tabs.css ├── tag.css ├── time-picker.css ├── time-select.css ├── tooltip.css ├── transfer.css ├── tree.css └── upload.css └── package.json /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, sex characteristics, gender identity and expression, 9 | level of experience, education, socio-economic status, nationality, personal 10 | appearance, race, religion, or sexual identity and orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | * Using welcoming and inclusive language 18 | * Being respectful of differing viewpoints and experiences 19 | * Gracefully accepting constructive criticism 20 | * Focusing on what is best for the community 21 | * Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | * The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | * Trolling, insulting/derogatory comments, and personal or political attacks 28 | * Public or private harassment 29 | * Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | * Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at poghosyanmisak97@gmail.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 72 | 73 | [homepage]: https://www.contributor-covenant.org 74 | 75 | For answers to common questions about this code of conduct, see 76 | https://www.contributor-covenant.org/faq 77 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Misak Poghosyan 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Element UI dark theme 2 | [![npm](https://img.shields.io/npm/dt/element-theme-dark.svg)](https://www.npmjs.com/package/element-theme-dark) 3 | [![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Arattian/element-theme-dark/blob/master/LICENSE) 4 | 5 | 6 | ## Install 7 | 8 | ```bash 9 | npm i -D element-theme-dark 10 | # Then, in code 11 | import 'element-theme-dark'; 12 | ``` 13 | ![alt text](https://i.imgur.com/d1dKzUF.png) 14 | -------------------------------------------------------------------------------- /lib/alert.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-alert { 232 | width: 100%; 233 | padding: 8px 16px; 234 | margin: 0; 235 | -webkit-box-sizing: border-box; 236 | box-sizing: border-box; 237 | border-radius: 4px; 238 | position: relative; 239 | background-color: #222933; 240 | overflow: hidden; 241 | opacity: 1; 242 | display: -webkit-box; 243 | display: -ms-flexbox; 244 | display: flex; 245 | -webkit-box-align: center; 246 | -ms-flex-align: center; 247 | align-items: center; 248 | -webkit-transition: opacity .2s; 249 | transition: opacity .2s; } 250 | .el-alert.is-center { 251 | -webkit-box-pack: center; 252 | -ms-flex-pack: center; 253 | justify-content: center; } 254 | .el-alert--success { 255 | background-color: #293834; 256 | color: #67c23a; } 257 | .el-alert--success .el-alert__description { 258 | color: #67c23a; } 259 | .el-alert--info { 260 | background-color: #2d343d; 261 | color: #909399; } 262 | .el-alert--info .el-alert__description { 263 | color: #909399; } 264 | .el-alert--warning { 265 | background-color: #363534; 266 | color: #e6a23c; } 267 | .el-alert--warning .el-alert__description { 268 | color: #e6a23c; } 269 | .el-alert--error { 270 | background-color: #373039; 271 | color: #f56c6c; } 272 | .el-alert--error .el-alert__description { 273 | color: #f56c6c; } 274 | .el-alert__content { 275 | display: table-cell; 276 | padding: 0 8px; } 277 | .el-alert__icon { 278 | font-size: 16px; 279 | width: 16px; } 280 | .el-alert__icon.is-big { 281 | font-size: 28px; 282 | width: 28px; } 283 | .el-alert__title { 284 | font-size: 13px; 285 | line-height: 18px; } 286 | .el-alert__title.is-bold { 287 | font-weight: bold; } 288 | .el-alert .el-alert__description { 289 | font-size: 12px; 290 | margin: 5px 0 0 0; } 291 | .el-alert__closebtn { 292 | font-size: 12px; 293 | color: #eee; 294 | opacity: 1; 295 | position: absolute; 296 | top: 12px; 297 | right: 15px; 298 | cursor: pointer; } 299 | .el-alert__closebtn.is-customed { 300 | font-style: normal; 301 | font-size: 13px; 302 | top: 9px; } 303 | 304 | .el-alert-fade-enter, 305 | .el-alert-fade-leave-active { 306 | opacity: 0; } 307 | -------------------------------------------------------------------------------- /lib/aside.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | .el-aside { 122 | overflow: auto; 123 | -webkit-box-sizing: border-box; 124 | box-sizing: border-box; 125 | -ms-flex-negative: 0; 126 | flex-shrink: 0; } 127 | -------------------------------------------------------------------------------- /lib/badge.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-badge { 232 | position: relative; 233 | vertical-align: middle; 234 | display: inline-block; } 235 | .el-badge__content { 236 | background-color: #f56c6c; 237 | border-radius: 10px; 238 | color: #222933; 239 | display: inline-block; 240 | font-size: 12px; 241 | height: 18px; 242 | line-height: 18px; 243 | padding: 0 6px; 244 | text-align: center; 245 | white-space: nowrap; 246 | border: 1px solid #222933; } 247 | .el-badge__content.is-fixed { 248 | position: absolute; 249 | top: 0; 250 | right: 10px; 251 | -webkit-transform: translateY(-50%) translateX(100%); 252 | transform: translateY(-50%) translateX(100%); } 253 | .el-badge__content.is-fixed.is-dot { 254 | right: 5px; } 255 | .el-badge__content.is-dot { 256 | height: 8px; 257 | width: 8px; 258 | padding: 0; 259 | right: 0; 260 | border-radius: 50%; } 261 | .el-badge__content--primary { 262 | background-color: #00adff; } 263 | .el-badge__content--success { 264 | background-color: #67c23a; } 265 | .el-badge__content--warning { 266 | background-color: #e6a23c; } 267 | .el-badge__content--info { 268 | background-color: #909399; } 269 | .el-badge__content--danger { 270 | background-color: #f56c6c; } 271 | -------------------------------------------------------------------------------- /lib/breadcrumb-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/breadcrumb-item.css -------------------------------------------------------------------------------- /lib/breadcrumb.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-breadcrumb { 232 | font-size: 14px; 233 | line-height: 1; } 234 | .el-breadcrumb::before, 235 | .el-breadcrumb::after { 236 | display: table; 237 | content: ""; } 238 | .el-breadcrumb::after { 239 | clear: both; } 240 | .el-breadcrumb__separator { 241 | margin: 0 9px; 242 | font-weight: bold; 243 | color: #eee; } 244 | .el-breadcrumb__separator[class*=icon] { 245 | margin: 0 6px; 246 | font-weight: normal; } 247 | .el-breadcrumb__item { 248 | float: left; } 249 | .el-breadcrumb__inner { 250 | color: #eee; } 251 | .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { 252 | font-weight: bold; 253 | text-decoration: none; 254 | -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); 255 | transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); 256 | color: #ccc; } 257 | .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { 258 | color: #00adff; 259 | cursor: pointer; } 260 | .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, 261 | .el-breadcrumb__item:last-child .el-breadcrumb__inner a, 262 | .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { 263 | font-weight: normal; 264 | color: #eee; 265 | cursor: text; } 266 | .el-breadcrumb__item:last-child .el-breadcrumb__separator { 267 | display: none; } 268 | -------------------------------------------------------------------------------- /lib/button-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/button-group.css -------------------------------------------------------------------------------- /lib/card.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-card { 232 | border-radius: 4px; 233 | border: 1px solid #121820; 234 | background-color: #222933; 235 | overflow: hidden; 236 | color: #ccc; 237 | -webkit-transition: 0.3s; 238 | transition: 0.3s; } 239 | .el-card.is-always-shadow { 240 | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 241 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } 242 | .el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { 243 | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 244 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } 245 | .el-card__header { 246 | padding: 18px 20px; 247 | border-bottom: 1px solid #121820; 248 | -webkit-box-sizing: border-box; 249 | box-sizing: border-box; } 250 | .el-card__body { 251 | padding: 20px; } 252 | -------------------------------------------------------------------------------- /lib/carousel-item.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-carousel__item { 232 | position: absolute; 233 | top: 0; 234 | left: 0; 235 | width: 100%; 236 | height: 100%; 237 | display: inline-block; 238 | overflow: hidden; 239 | z-index: 0; } 240 | .el-carousel__item.is-active { 241 | z-index: 2; } 242 | .el-carousel__item.is-animating { 243 | -webkit-transition: -webkit-transform .4s ease-in-out; 244 | transition: -webkit-transform .4s ease-in-out; 245 | transition: transform .4s ease-in-out; 246 | transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } 247 | .el-carousel__item--card { 248 | width: 50%; 249 | -webkit-transition: -webkit-transform .4s ease-in-out; 250 | transition: -webkit-transform .4s ease-in-out; 251 | transition: transform .4s ease-in-out; 252 | transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } 253 | .el-carousel__item--card.is-in-stage { 254 | cursor: pointer; 255 | z-index: 1; } 256 | .el-carousel__item--card.is-in-stage:hover .el-carousel__mask, 257 | .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { 258 | opacity: 0.12; } 259 | .el-carousel__item--card.is-active { 260 | z-index: 2; } 261 | 262 | .el-carousel__mask { 263 | position: absolute; 264 | width: 100%; 265 | height: 100%; 266 | top: 0; 267 | left: 0; 268 | background-color: #222933; 269 | opacity: 0.24; 270 | -webkit-transition: .2s; 271 | transition: .2s; } 272 | -------------------------------------------------------------------------------- /lib/carousel.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-carousel { 232 | overflow-x: hidden; 233 | position: relative; } 234 | .el-carousel__container { 235 | position: relative; 236 | height: 300px; } 237 | .el-carousel__arrow { 238 | border: none; 239 | outline: none; 240 | padding: 0; 241 | margin: 0; 242 | height: 36px; 243 | width: 36px; 244 | cursor: pointer; 245 | -webkit-transition: .3s; 246 | transition: .3s; 247 | border-radius: 50%; 248 | background-color: rgba(31, 45, 61, 0.11); 249 | color: #222933; 250 | position: absolute; 251 | top: 50%; 252 | z-index: 10; 253 | -webkit-transform: translateY(-50%); 254 | transform: translateY(-50%); 255 | text-align: center; 256 | font-size: 12px; } 257 | .el-carousel__arrow--left { 258 | left: 16px; } 259 | .el-carousel__arrow--right { 260 | right: 16px; } 261 | .el-carousel__arrow:hover { 262 | background-color: rgba(31, 45, 61, 0.23); } 263 | .el-carousel__arrow i { 264 | cursor: pointer; } 265 | .el-carousel__indicators { 266 | position: absolute; 267 | list-style: none; 268 | bottom: 0; 269 | left: 50%; 270 | -webkit-transform: translateX(-50%); 271 | transform: translateX(-50%); 272 | margin: 0; 273 | padding: 0; 274 | z-index: 2; } 275 | .el-carousel__indicators--outside { 276 | bottom: 26px; 277 | text-align: center; 278 | position: static; 279 | -webkit-transform: none; 280 | transform: none; } 281 | .el-carousel__indicators--outside .el-carousel__indicator:hover button { 282 | opacity: 0.64; } 283 | .el-carousel__indicators--outside button { 284 | background-color: #eee; 285 | opacity: 0.24; } 286 | .el-carousel__indicators--labels { 287 | left: 0; 288 | right: 0; 289 | -webkit-transform: none; 290 | transform: none; 291 | text-align: center; } 292 | .el-carousel__indicators--labels .el-carousel__button { 293 | height: auto; 294 | width: auto; 295 | padding: 2px 18px; 296 | font-size: 12px; } 297 | .el-carousel__indicators--labels .el-carousel__indicator { 298 | padding: 6px 4px; } 299 | .el-carousel__indicator { 300 | display: inline-block; 301 | background-color: transparent; 302 | padding: 12px 4px; 303 | cursor: pointer; } 304 | .el-carousel__indicator:hover button { 305 | opacity: 0.72; } 306 | .el-carousel__indicator.is-active button { 307 | opacity: 1; } 308 | .el-carousel__button { 309 | display: block; 310 | opacity: 0.48; 311 | width: 30px; 312 | height: 2px; 313 | background-color: #222933; 314 | border: none; 315 | outline: none; 316 | padding: 0; 317 | margin: 0; 318 | cursor: pointer; 319 | -webkit-transition: .3s; 320 | transition: .3s; } 321 | 322 | .carousel-arrow-left-enter, 323 | .carousel-arrow-left-leave-active { 324 | -webkit-transform: translateY(-50%) translateX(-10px); 325 | transform: translateY(-50%) translateX(-10px); 326 | opacity: 0; } 327 | 328 | .carousel-arrow-right-enter, 329 | .carousel-arrow-right-leave-active { 330 | -webkit-transform: translateY(-50%) translateX(10px); 331 | transform: translateY(-50%) translateX(10px); 332 | opacity: 0; } 333 | -------------------------------------------------------------------------------- /lib/checkbox-button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/checkbox-button.css -------------------------------------------------------------------------------- /lib/checkbox-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/checkbox-group.css -------------------------------------------------------------------------------- /lib/collapse-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/collapse-item.css -------------------------------------------------------------------------------- /lib/container.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | .el-container { 122 | display: -webkit-box; 123 | display: -ms-flexbox; 124 | display: flex; 125 | -webkit-box-orient: horizontal; 126 | -webkit-box-direction: normal; 127 | -ms-flex-direction: row; 128 | flex-direction: row; 129 | -webkit-box-flex: 1; 130 | -ms-flex: 1; 131 | flex: 1; 132 | -ms-flex-preferred-size: auto; 133 | flex-basis: auto; 134 | -webkit-box-sizing: border-box; 135 | box-sizing: border-box; 136 | min-width: 0; } 137 | .el-container.is-vertical { 138 | -webkit-box-orient: vertical; 139 | -webkit-box-direction: normal; 140 | -ms-flex-direction: column; 141 | flex-direction: column; } 142 | -------------------------------------------------------------------------------- /lib/display.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Background 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Box-shadow 22 | -------------------------- */ 23 | /* Fill 24 | -------------------------- */ 25 | /* Font 26 | -------------------------- */ 27 | /* Size 28 | -------------------------- */ 29 | /* z-index 30 | -------------------------- */ 31 | /* Disable base 32 | -------------------------- */ 33 | /* Icon 34 | -------------------------- */ 35 | /* Checkbox 36 | -------------------------- */ 37 | /* Radio 38 | -------------------------- */ 39 | /* Select 40 | -------------------------- */ 41 | /* Alert 42 | -------------------------- */ 43 | /* Message Box 44 | -------------------------- */ 45 | /* Message 46 | -------------------------- */ 47 | /* Notification 48 | -------------------------- */ 49 | /* Input 50 | -------------------------- */ 51 | /* Cascader 52 | -------------------------- */ 53 | /* Group 54 | -------------------------- */ 55 | /* Tab 56 | -------------------------- */ 57 | /* Button 58 | -------------------------- */ 59 | /* cascader 60 | -------------------------- */ 61 | /* Switch 62 | -------------------------- */ 63 | /* Dialog 64 | -------------------------- */ 65 | /* Table 66 | -------------------------- */ 67 | /* Pagination 68 | -------------------------- */ 69 | /* Popover 70 | -------------------------- */ 71 | /* Tooltip 72 | -------------------------- */ 73 | /* Tag 74 | -------------------------- */ 75 | /* Tree 76 | -------------------------- */ 77 | /* Dropdown 78 | -------------------------- */ 79 | /* Badge 80 | -------------------------- */ 81 | /* Card 82 | --------------------------*/ 83 | /* Slider 84 | --------------------------*/ 85 | /* Steps 86 | --------------------------*/ 87 | /* Menu 88 | --------------------------*/ 89 | /* Rate 90 | --------------------------*/ 91 | /* DatePicker 92 | --------------------------*/ 93 | /* Loading 94 | --------------------------*/ 95 | /* Scrollbar 96 | --------------------------*/ 97 | /* Carousel 98 | --------------------------*/ 99 | /* Collapse 100 | --------------------------*/ 101 | /* Transfer 102 | --------------------------*/ 103 | /* Header 104 | --------------------------*/ 105 | /* Footer 106 | --------------------------*/ 107 | /* Main 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* BEM support Func 112 | -------------------------- */ 113 | /* Element Chalk Variables */ 114 | /* Transition 115 | -------------------------- */ 116 | /* Colors 117 | -------------------------- */ 118 | /* 53a8ff */ 119 | /* 66b1ff */ 120 | /* 79bbff */ 121 | /* 8cc5ff */ 122 | /* a0cfff */ 123 | /* b3d8ff */ 124 | /* c6e2ff */ 125 | /* d9ecff */ 126 | /* ecf5ff */ 127 | /* Link 128 | -------------------------- */ 129 | /* Background 130 | -------------------------- */ 131 | /* Border 132 | -------------------------- */ 133 | /* Box-shadow 134 | -------------------------- */ 135 | /* Fill 136 | -------------------------- */ 137 | /* Font 138 | -------------------------- */ 139 | /* Size 140 | -------------------------- */ 141 | /* z-index 142 | -------------------------- */ 143 | /* Disable base 144 | -------------------------- */ 145 | /* Icon 146 | -------------------------- */ 147 | /* Checkbox 148 | -------------------------- */ 149 | /* Radio 150 | -------------------------- */ 151 | /* Select 152 | -------------------------- */ 153 | /* Alert 154 | -------------------------- */ 155 | /* Message Box 156 | -------------------------- */ 157 | /* Message 158 | -------------------------- */ 159 | /* Notification 160 | -------------------------- */ 161 | /* Input 162 | -------------------------- */ 163 | /* Cascader 164 | -------------------------- */ 165 | /* Group 166 | -------------------------- */ 167 | /* Tab 168 | -------------------------- */ 169 | /* Button 170 | -------------------------- */ 171 | /* cascader 172 | -------------------------- */ 173 | /* Switch 174 | -------------------------- */ 175 | /* Dialog 176 | -------------------------- */ 177 | /* Table 178 | -------------------------- */ 179 | /* Pagination 180 | -------------------------- */ 181 | /* Popover 182 | -------------------------- */ 183 | /* Tooltip 184 | -------------------------- */ 185 | /* Tag 186 | -------------------------- */ 187 | /* Tree 188 | -------------------------- */ 189 | /* Dropdown 190 | -------------------------- */ 191 | /* Badge 192 | -------------------------- */ 193 | /* Card 194 | --------------------------*/ 195 | /* Slider 196 | --------------------------*/ 197 | /* Steps 198 | --------------------------*/ 199 | /* Menu 200 | --------------------------*/ 201 | /* Rate 202 | --------------------------*/ 203 | /* DatePicker 204 | --------------------------*/ 205 | /* Loading 206 | --------------------------*/ 207 | /* Scrollbar 208 | --------------------------*/ 209 | /* Carousel 210 | --------------------------*/ 211 | /* Collapse 212 | --------------------------*/ 213 | /* Transfer 214 | --------------------------*/ 215 | /* Header 216 | --------------------------*/ 217 | /* Footer 218 | --------------------------*/ 219 | /* Main 220 | --------------------------*/ 221 | /* Break-point 222 | --------------------------*/ 223 | /* Break-points 224 | -------------------------- */ 225 | /* Scrollbar 226 | -------------------------- */ 227 | /* Placeholder 228 | -------------------------- */ 229 | /* BEM 230 | -------------------------- */ 231 | @media only screen and (max-width: 767px) { 232 | .hidden-xs-only { 233 | display: none !important; } } 234 | 235 | @media only screen and (min-width: 768px) { 236 | .hidden-sm-and-up { 237 | display: none !important; } } 238 | 239 | @media only screen and (min-width: 768px) and (max-width: 992px - 1) { 240 | .hidden-sm-only { 241 | display: none !important; } } 242 | 243 | @media only screen and (max-width: 991px) { 244 | .hidden-sm-and-down { 245 | display: none !important; } } 246 | 247 | @media only screen and (min-width: 992px) { 248 | .hidden-md-and-up { 249 | display: none !important; } } 250 | 251 | @media only screen and (min-width: 992px) and (max-width: 1200px - 1) { 252 | .hidden-md-only { 253 | display: none !important; } } 254 | 255 | @media only screen and (max-width: 1199px) { 256 | .hidden-md-and-down { 257 | display: none !important; } } 258 | 259 | @media only screen and (min-width: 1200px) { 260 | .hidden-lg-and-up { 261 | display: none !important; } } 262 | 263 | @media only screen and (min-width: 1200px) and (max-width: 1920px - 1) { 264 | .hidden-lg-only { 265 | display: none !important; } } 266 | 267 | @media only screen and (max-width: 1919px) { 268 | .hidden-lg-and-down { 269 | display: none !important; } } 270 | 271 | @media only screen and (min-width: 1920px) { 272 | .hidden-xl-only { 273 | display: none !important; } } 274 | -------------------------------------------------------------------------------- /lib/dropdown-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/dropdown-item.css -------------------------------------------------------------------------------- /lib/dropdown-menu.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/dropdown-menu.css -------------------------------------------------------------------------------- /lib/element-variables.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Background 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Box-shadow 22 | -------------------------- */ 23 | /* Fill 24 | -------------------------- */ 25 | /* Font 26 | -------------------------- */ 27 | /* Size 28 | -------------------------- */ 29 | /* z-index 30 | -------------------------- */ 31 | /* Disable base 32 | -------------------------- */ 33 | /* Icon 34 | -------------------------- */ 35 | /* Checkbox 36 | -------------------------- */ 37 | /* Radio 38 | -------------------------- */ 39 | /* Select 40 | -------------------------- */ 41 | /* Alert 42 | -------------------------- */ 43 | /* Message Box 44 | -------------------------- */ 45 | /* Message 46 | -------------------------- */ 47 | /* Notification 48 | -------------------------- */ 49 | /* Input 50 | -------------------------- */ 51 | /* Cascader 52 | -------------------------- */ 53 | /* Group 54 | -------------------------- */ 55 | /* Tab 56 | -------------------------- */ 57 | /* Button 58 | -------------------------- */ 59 | /* cascader 60 | -------------------------- */ 61 | /* Switch 62 | -------------------------- */ 63 | /* Dialog 64 | -------------------------- */ 65 | /* Table 66 | -------------------------- */ 67 | /* Pagination 68 | -------------------------- */ 69 | /* Popover 70 | -------------------------- */ 71 | /* Tooltip 72 | -------------------------- */ 73 | /* Tag 74 | -------------------------- */ 75 | /* Tree 76 | -------------------------- */ 77 | /* Dropdown 78 | -------------------------- */ 79 | /* Badge 80 | -------------------------- */ 81 | /* Card 82 | --------------------------*/ 83 | /* Slider 84 | --------------------------*/ 85 | /* Steps 86 | --------------------------*/ 87 | /* Menu 88 | --------------------------*/ 89 | /* Rate 90 | --------------------------*/ 91 | /* DatePicker 92 | --------------------------*/ 93 | /* Loading 94 | --------------------------*/ 95 | /* Scrollbar 96 | --------------------------*/ 97 | /* Carousel 98 | --------------------------*/ 99 | /* Collapse 100 | --------------------------*/ 101 | /* Transfer 102 | --------------------------*/ 103 | /* Header 104 | --------------------------*/ 105 | /* Footer 106 | --------------------------*/ 107 | /* Main 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | -------------------------------------------------------------------------------- /lib/fonts/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/fonts/element-icons.ttf -------------------------------------------------------------------------------- /lib/fonts/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/fonts/element-icons.woff -------------------------------------------------------------------------------- /lib/footer.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-footer { 232 | padding: 0 20px; 233 | -webkit-box-sizing: border-box; 234 | box-sizing: border-box; 235 | -ms-flex-negative: 0; 236 | flex-shrink: 0; } 237 | -------------------------------------------------------------------------------- /lib/form-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/form-item.css -------------------------------------------------------------------------------- /lib/form.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-form--label-left .el-form-item__label { 232 | text-align: left; } 233 | 234 | .el-form--label-top .el-form-item__label { 235 | float: none; 236 | display: inline-block; 237 | text-align: left; 238 | padding: 0 0 10px 0; } 239 | 240 | .el-form--inline .el-form-item { 241 | display: inline-block; 242 | margin-right: 10px; 243 | vertical-align: top; } 244 | 245 | .el-form--inline .el-form-item__label { 246 | float: none; 247 | display: inline-block; } 248 | 249 | .el-form--inline .el-form-item__content { 250 | display: inline-block; 251 | vertical-align: top; } 252 | 253 | .el-form--inline.el-form--label-top .el-form-item__content { 254 | display: block; } 255 | 256 | .el-form-item { 257 | margin-bottom: 22px; } 258 | .el-form-item::before, 259 | .el-form-item::after { 260 | display: table; 261 | content: ""; } 262 | .el-form-item::after { 263 | clear: both; } 264 | .el-form-item .el-form-item { 265 | margin-bottom: 0; } 266 | .el-form-item .el-input__validateIcon { 267 | display: none; } 268 | .el-form-item--medium .el-form-item__label { 269 | line-height: 36px; } 270 | .el-form-item--medium .el-form-item__content { 271 | line-height: 36px; } 272 | .el-form-item--small .el-form-item__label { 273 | line-height: 32px; } 274 | .el-form-item--small .el-form-item__content { 275 | line-height: 32px; } 276 | .el-form-item--small.el-form-item { 277 | margin-bottom: 18px; } 278 | .el-form-item--small .el-form-item__error { 279 | padding-top: 2px; } 280 | .el-form-item--mini .el-form-item__label { 281 | line-height: 28px; } 282 | .el-form-item--mini .el-form-item__content { 283 | line-height: 28px; } 284 | .el-form-item--mini.el-form-item { 285 | margin-bottom: 18px; } 286 | .el-form-item--mini .el-form-item__error { 287 | padding-top: 1px; } 288 | .el-form-item__label { 289 | text-align: right; 290 | vertical-align: middle; 291 | float: left; 292 | font-size: 14px; 293 | color: #eee; 294 | line-height: 40px; 295 | padding: 0 12px 0 0; 296 | -webkit-box-sizing: border-box; 297 | box-sizing: border-box; } 298 | .el-form-item__content { 299 | line-height: 40px; 300 | position: relative; 301 | font-size: 14px; } 302 | .el-form-item__content::before, 303 | .el-form-item__content::after { 304 | display: table; 305 | content: ""; } 306 | .el-form-item__content::after { 307 | clear: both; } 308 | .el-form-item__content .el-input-group { 309 | vertical-align: middle; } 310 | .el-form-item__error { 311 | color: #f56c6c; 312 | font-size: 12px; 313 | line-height: 1; 314 | padding-top: 4px; 315 | position: absolute; 316 | top: 100%; 317 | left: 0; } 318 | .el-form-item__error--inline { 319 | position: relative; 320 | top: auto; 321 | left: auto; 322 | display: inline-block; 323 | margin-left: 10px; } 324 | .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { 325 | content: '*'; 326 | color: #f56c6c; 327 | margin-right: 4px; } 328 | .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, 329 | .el-form-item.is-error .el-textarea__inner, 330 | .el-form-item.is-error .el-textarea__inner:focus { 331 | border-color: #f56c6c; } 332 | .el-form-item.is-error .el-input-group__append .el-input__inner, 333 | .el-form-item.is-error .el-input-group__prepend .el-input__inner { 334 | border-color: transparent; } 335 | .el-form-item.is-error .el-input__validateIcon { 336 | color: #f56c6c; } 337 | .el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, 338 | .el-form-item.is-success .el-textarea__inner, 339 | .el-form-item.is-success .el-textarea__inner:focus { 340 | border-color: #67c23a; } 341 | .el-form-item.is-success .el-input-group__append .el-input__inner, 342 | .el-form-item.is-success .el-input-group__prepend .el-input__inner { 343 | border-color: transparent; } 344 | .el-form-item.is-success .el-input__validateIcon { 345 | color: #67c23a; } 346 | .el-form-item--feedback .el-input__validateIcon { 347 | display: inline-block; } 348 | -------------------------------------------------------------------------------- /lib/header.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-header { 232 | padding: 0 20px; 233 | -webkit-box-sizing: border-box; 234 | box-sizing: border-box; 235 | -ms-flex-negative: 0; 236 | flex-shrink: 0; } 237 | -------------------------------------------------------------------------------- /lib/icon.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Background 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Box-shadow 22 | -------------------------- */ 23 | /* Fill 24 | -------------------------- */ 25 | /* Font 26 | -------------------------- */ 27 | /* Size 28 | -------------------------- */ 29 | /* z-index 30 | -------------------------- */ 31 | /* Disable base 32 | -------------------------- */ 33 | /* Icon 34 | -------------------------- */ 35 | /* Checkbox 36 | -------------------------- */ 37 | /* Radio 38 | -------------------------- */ 39 | /* Select 40 | -------------------------- */ 41 | /* Alert 42 | -------------------------- */ 43 | /* Message Box 44 | -------------------------- */ 45 | /* Message 46 | -------------------------- */ 47 | /* Notification 48 | -------------------------- */ 49 | /* Input 50 | -------------------------- */ 51 | /* Cascader 52 | -------------------------- */ 53 | /* Group 54 | -------------------------- */ 55 | /* Tab 56 | -------------------------- */ 57 | /* Button 58 | -------------------------- */ 59 | /* cascader 60 | -------------------------- */ 61 | /* Switch 62 | -------------------------- */ 63 | /* Dialog 64 | -------------------------- */ 65 | /* Table 66 | -------------------------- */ 67 | /* Pagination 68 | -------------------------- */ 69 | /* Popover 70 | -------------------------- */ 71 | /* Tooltip 72 | -------------------------- */ 73 | /* Tag 74 | -------------------------- */ 75 | /* Tree 76 | -------------------------- */ 77 | /* Dropdown 78 | -------------------------- */ 79 | /* Badge 80 | -------------------------- */ 81 | /* Card 82 | --------------------------*/ 83 | /* Slider 84 | --------------------------*/ 85 | /* Steps 86 | --------------------------*/ 87 | /* Menu 88 | --------------------------*/ 89 | /* Rate 90 | --------------------------*/ 91 | /* DatePicker 92 | --------------------------*/ 93 | /* Loading 94 | --------------------------*/ 95 | /* Scrollbar 96 | --------------------------*/ 97 | /* Carousel 98 | --------------------------*/ 99 | /* Collapse 100 | --------------------------*/ 101 | /* Transfer 102 | --------------------------*/ 103 | /* Header 104 | --------------------------*/ 105 | /* Footer 106 | --------------------------*/ 107 | /* Main 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | @font-face { 112 | font-family: 'element-icons'; 113 | src: url("fonts/element-icons.woff") format("woff"), url("fonts/element-icons.ttf") format("truetype"); 114 | /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 115 | font-weight: normal; 116 | font-style: normal; } 117 | 118 | [class^="el-icon-"], [class*=" el-icon-"] { 119 | /* use !important to prevent issues with browser extensions that change fonts */ 120 | font-family: 'element-icons' !important; 121 | speak: none; 122 | font-style: normal; 123 | font-weight: normal; 124 | font-variant: normal; 125 | text-transform: none; 126 | line-height: 1; 127 | vertical-align: baseline; 128 | display: inline-block; 129 | /* Better Font Rendering =========== */ 130 | -webkit-font-smoothing: antialiased; 131 | -moz-osx-font-smoothing: grayscale; } 132 | 133 | .el-icon-info:before { 134 | content: "\e61a"; } 135 | 136 | .el-icon-error:before { 137 | content: "\e62c"; } 138 | 139 | .el-icon-success:before { 140 | content: "\e62d"; } 141 | 142 | .el-icon-warning:before { 143 | content: "\e62e"; } 144 | 145 | .el-icon-question:before { 146 | content: "\e634"; } 147 | 148 | .el-icon-back:before { 149 | content: "\e606"; } 150 | 151 | .el-icon-arrow-left:before { 152 | content: "\e600"; } 153 | 154 | .el-icon-arrow-down:before { 155 | content: "\e603"; } 156 | 157 | .el-icon-arrow-right:before { 158 | content: "\e604"; } 159 | 160 | .el-icon-arrow-up:before { 161 | content: "\e605"; } 162 | 163 | .el-icon-caret-left:before { 164 | content: "\e60a"; } 165 | 166 | .el-icon-caret-bottom:before { 167 | content: "\e60b"; } 168 | 169 | .el-icon-caret-top:before { 170 | content: "\e60c"; } 171 | 172 | .el-icon-caret-right:before { 173 | content: "\e60e"; } 174 | 175 | .el-icon-d-arrow-left:before { 176 | content: "\e610"; } 177 | 178 | .el-icon-d-arrow-right:before { 179 | content: "\e613"; } 180 | 181 | .el-icon-minus:before { 182 | content: "\e621"; } 183 | 184 | .el-icon-plus:before { 185 | content: "\e62b"; } 186 | 187 | .el-icon-remove:before { 188 | content: "\e635"; } 189 | 190 | .el-icon-circle-plus:before { 191 | content: "\e601"; } 192 | 193 | .el-icon-remove-outline:before { 194 | content: "\e63c"; } 195 | 196 | .el-icon-circle-plus-outline:before { 197 | content: "\e602"; } 198 | 199 | .el-icon-close:before { 200 | content: "\e60f"; } 201 | 202 | .el-icon-check:before { 203 | content: "\e611"; } 204 | 205 | .el-icon-circle-close:before { 206 | content: "\e607"; } 207 | 208 | .el-icon-circle-check:before { 209 | content: "\e639"; } 210 | 211 | .el-icon-circle-close-outline:before { 212 | content: "\e609"; } 213 | 214 | .el-icon-circle-check-outline:before { 215 | content: "\e63e"; } 216 | 217 | .el-icon-zoom-out:before { 218 | content: "\e645"; } 219 | 220 | .el-icon-zoom-in:before { 221 | content: "\e641"; } 222 | 223 | .el-icon-d-caret:before { 224 | content: "\e615"; } 225 | 226 | .el-icon-sort:before { 227 | content: "\e640"; } 228 | 229 | .el-icon-sort-down:before { 230 | content: "\e630"; } 231 | 232 | .el-icon-sort-up:before { 233 | content: "\e631"; } 234 | 235 | .el-icon-tickets:before { 236 | content: "\e63f"; } 237 | 238 | .el-icon-document:before { 239 | content: "\e614"; } 240 | 241 | .el-icon-goods:before { 242 | content: "\e618"; } 243 | 244 | .el-icon-sold-out:before { 245 | content: "\e63b"; } 246 | 247 | .el-icon-news:before { 248 | content: "\e625"; } 249 | 250 | .el-icon-message:before { 251 | content: "\e61b"; } 252 | 253 | .el-icon-date:before { 254 | content: "\e608"; } 255 | 256 | .el-icon-printer:before { 257 | content: "\e62f"; } 258 | 259 | .el-icon-time:before { 260 | content: "\e642"; } 261 | 262 | .el-icon-bell:before { 263 | content: "\e622"; } 264 | 265 | .el-icon-mobile-phone:before { 266 | content: "\e624"; } 267 | 268 | .el-icon-service:before { 269 | content: "\e63a"; } 270 | 271 | .el-icon-view:before { 272 | content: "\e643"; } 273 | 274 | .el-icon-menu:before { 275 | content: "\e620"; } 276 | 277 | .el-icon-more:before { 278 | content: "\e646"; } 279 | 280 | .el-icon-more-outline:before { 281 | content: "\e626"; } 282 | 283 | .el-icon-star-on:before { 284 | content: "\e637"; } 285 | 286 | .el-icon-star-off:before { 287 | content: "\e63d"; } 288 | 289 | .el-icon-location:before { 290 | content: "\e61d"; } 291 | 292 | .el-icon-location-outline:before { 293 | content: "\e61f"; } 294 | 295 | .el-icon-phone:before { 296 | content: "\e627"; } 297 | 298 | .el-icon-phone-outline:before { 299 | content: "\e628"; } 300 | 301 | .el-icon-picture:before { 302 | content: "\e629"; } 303 | 304 | .el-icon-picture-outline:before { 305 | content: "\e62a"; } 306 | 307 | .el-icon-delete:before { 308 | content: "\e612"; } 309 | 310 | .el-icon-search:before { 311 | content: "\e619"; } 312 | 313 | .el-icon-edit:before { 314 | content: "\e61c"; } 315 | 316 | .el-icon-edit-outline:before { 317 | content: "\e616"; } 318 | 319 | .el-icon-rank:before { 320 | content: "\e632"; } 321 | 322 | .el-icon-refresh:before { 323 | content: "\e633"; } 324 | 325 | .el-icon-share:before { 326 | content: "\e636"; } 327 | 328 | .el-icon-setting:before { 329 | content: "\e638"; } 330 | 331 | .el-icon-upload:before { 332 | content: "\e60d"; } 333 | 334 | .el-icon-upload2:before { 335 | content: "\e644"; } 336 | 337 | .el-icon-download:before { 338 | content: "\e617"; } 339 | 340 | .el-icon-loading:before { 341 | content: "\e61e"; } 342 | 343 | .el-icon-loading { 344 | -webkit-animation: rotating 2s linear infinite; 345 | animation: rotating 2s linear infinite; } 346 | 347 | .el-icon--right { 348 | margin-left: 5px; } 349 | 350 | .el-icon--left { 351 | margin-right: 5px; } 352 | 353 | @-webkit-keyframes rotating { 354 | 0% { 355 | -webkit-transform: rotateZ(0deg); 356 | transform: rotateZ(0deg); } 357 | 100% { 358 | -webkit-transform: rotateZ(360deg); 359 | transform: rotateZ(360deg); } } 360 | 361 | @keyframes rotating { 362 | 0% { 363 | -webkit-transform: rotateZ(0deg); 364 | transform: rotateZ(0deg); } 365 | 100% { 366 | -webkit-transform: rotateZ(360deg); 367 | transform: rotateZ(360deg); } } 368 | -------------------------------------------------------------------------------- /lib/loading.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-loading-parent--relative { 232 | position: relative !important; } 233 | 234 | .el-loading-parent--hidden { 235 | overflow: hidden !important; } 236 | 237 | .el-loading-mask { 238 | position: absolute; 239 | z-index: 2000; 240 | background-color: rgba(255, 255, 255, 0.9); 241 | margin: 0; 242 | top: 0; 243 | right: 0; 244 | bottom: 0; 245 | left: 0; 246 | -webkit-transition: opacity 0.3s; 247 | transition: opacity 0.3s; } 248 | .el-loading-mask.is-fullscreen { 249 | position: fixed; } 250 | .el-loading-mask.is-fullscreen .el-loading-spinner { 251 | margin-top: -25px; } 252 | .el-loading-mask.is-fullscreen .el-loading-spinner .circular { 253 | height: 50px; 254 | width: 50px; } 255 | 256 | .el-loading-spinner { 257 | top: 50%; 258 | margin-top: -21px; 259 | width: 100%; 260 | text-align: center; 261 | position: absolute; } 262 | .el-loading-spinner .el-loading-text { 263 | color: #00adff; 264 | margin: 3px 0; 265 | font-size: 14px; } 266 | .el-loading-spinner .circular { 267 | height: 42px; 268 | width: 42px; 269 | -webkit-animation: loading-rotate 2s linear infinite; 270 | animation: loading-rotate 2s linear infinite; } 271 | .el-loading-spinner .path { 272 | -webkit-animation: loading-dash 1.5s ease-in-out infinite; 273 | animation: loading-dash 1.5s ease-in-out infinite; 274 | stroke-dasharray: 90, 150; 275 | stroke-dashoffset: 0; 276 | stroke-width: 2; 277 | stroke: #00adff; 278 | stroke-linecap: round; } 279 | .el-loading-spinner i { 280 | color: #00adff; } 281 | 282 | .el-loading-fade-enter, 283 | .el-loading-fade-leave-active { 284 | opacity: 0; } 285 | 286 | @-webkit-keyframes loading-rotate { 287 | 100% { 288 | -webkit-transform: rotate(360deg); 289 | transform: rotate(360deg); } } 290 | 291 | @keyframes loading-rotate { 292 | 100% { 293 | -webkit-transform: rotate(360deg); 294 | transform: rotate(360deg); } } 295 | 296 | @-webkit-keyframes loading-dash { 297 | 0% { 298 | stroke-dasharray: 1, 200; 299 | stroke-dashoffset: 0; } 300 | 50% { 301 | stroke-dasharray: 90, 150; 302 | stroke-dashoffset: -40px; } 303 | 100% { 304 | stroke-dasharray: 90, 150; 305 | stroke-dashoffset: -120px; } } 306 | 307 | @keyframes loading-dash { 308 | 0% { 309 | stroke-dasharray: 1, 200; 310 | stroke-dashoffset: 0; } 311 | 50% { 312 | stroke-dasharray: 90, 150; 313 | stroke-dashoffset: -40px; } 314 | 100% { 315 | stroke-dasharray: 90, 150; 316 | stroke-dashoffset: -120px; } } 317 | -------------------------------------------------------------------------------- /lib/main.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-main { 232 | display: block; 233 | -webkit-box-flex: 1; 234 | -ms-flex: 1; 235 | flex: 1; 236 | -ms-flex-preferred-size: auto; 237 | flex-basis: auto; 238 | overflow: auto; 239 | -webkit-box-sizing: border-box; 240 | box-sizing: border-box; 241 | padding: 20px; } 242 | -------------------------------------------------------------------------------- /lib/menu-item-group.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/menu-item-group.css -------------------------------------------------------------------------------- /lib/menu-item.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/menu-item.css -------------------------------------------------------------------------------- /lib/message.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-message { 232 | min-width: 380px; 233 | -webkit-box-sizing: border-box; 234 | box-sizing: border-box; 235 | border-radius: 4px; 236 | border-width: 1px; 237 | border-style: solid; 238 | border-color: #121820; 239 | position: fixed; 240 | left: 50%; 241 | top: 20px; 242 | -webkit-transform: translateX(-50%); 243 | transform: translateX(-50%); 244 | background-color: #edf2fc; 245 | -webkit-transition: opacity 0.3s, -webkit-transform .4s; 246 | transition: opacity 0.3s, -webkit-transform .4s; 247 | transition: opacity 0.3s, transform .4s; 248 | transition: opacity 0.3s, transform .4s, -webkit-transform .4s; 249 | overflow: hidden; 250 | padding: 15px 15px 15px 20px; 251 | display: -webkit-box; 252 | display: -ms-flexbox; 253 | display: flex; 254 | -webkit-box-align: center; 255 | -ms-flex-align: center; 256 | align-items: center; } 257 | .el-message.is-center { 258 | -webkit-box-pack: center; 259 | -ms-flex-pack: center; 260 | justify-content: center; } 261 | .el-message.is-closable .el-message__content { 262 | padding-right: 16px; } 263 | .el-message p { 264 | margin: 0; } 265 | .el-message--info .el-message__content { 266 | color: #909399; } 267 | .el-message--success { 268 | background-color: #293834; 269 | border-color: #304834; } 270 | .el-message--success .el-message__content { 271 | color: #67c23a; } 272 | .el-message--warning { 273 | background-color: #363534; 274 | border-color: #494135; } 275 | .el-message--warning .el-message__content { 276 | color: #e6a23c; } 277 | .el-message--error { 278 | background-color: #373039; 279 | border-color: #4c363e; } 280 | .el-message--error .el-message__content { 281 | color: #f56c6c; } 282 | .el-message__icon { 283 | margin-right: 10px; } 284 | .el-message__content { 285 | padding: 0; 286 | font-size: 14px; 287 | line-height: 1; } 288 | .el-message__content:focus { 289 | outline-width: 0; } 290 | .el-message__closeBtn { 291 | position: absolute; 292 | top: 50%; 293 | right: 15px; 294 | -webkit-transform: translateY(-50%); 295 | transform: translateY(-50%); 296 | cursor: pointer; 297 | color: #eee; 298 | font-size: 16px; } 299 | .el-message__closeBtn:focus { 300 | outline-width: 0; } 301 | .el-message__closeBtn:hover { 302 | color: #bbb; } 303 | .el-message .el-icon-success { 304 | color: #67c23a; } 305 | .el-message .el-icon-error { 306 | color: #f56c6c; } 307 | .el-message .el-icon-info { 308 | color: #909399; } 309 | .el-message .el-icon-warning { 310 | color: #e6a23c; } 311 | 312 | .el-message-fade-enter, 313 | .el-message-fade-leave-active { 314 | opacity: 0; 315 | -webkit-transform: translate(-50%, -100%); 316 | transform: translate(-50%, -100%); } 317 | -------------------------------------------------------------------------------- /lib/notification.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-notification { 232 | display: -webkit-box; 233 | display: -ms-flexbox; 234 | display: flex; 235 | width: 330px; 236 | padding: 14px 26px 14px 13px; 237 | border-radius: 8px; 238 | -webkit-box-sizing: border-box; 239 | box-sizing: border-box; 240 | border: 1px solid #121820; 241 | position: fixed; 242 | background-color: #222933; 243 | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 244 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); 245 | -webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; 246 | transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; 247 | transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s; 248 | transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; 249 | overflow: hidden; } 250 | .el-notification.right { 251 | right: 16px; } 252 | .el-notification.left { 253 | left: 16px; } 254 | .el-notification__group { 255 | margin-left: 13px; } 256 | .el-notification__title { 257 | font-weight: bold; 258 | font-size: 16px; 259 | color: #ccc; 260 | margin: 0; } 261 | .el-notification__content { 262 | font-size: 14px; 263 | line-height: 21px; 264 | margin: 6px 0 0 0; 265 | color: #eee; 266 | text-align: justify; } 267 | .el-notification__content p { 268 | margin: 0; } 269 | .el-notification__icon { 270 | height: 24px; 271 | width: 24px; 272 | font-size: 24px; } 273 | .el-notification__closeBtn { 274 | position: absolute; 275 | top: 18px; 276 | right: 15px; 277 | cursor: pointer; 278 | color: #bbb; 279 | font-size: 16px; } 280 | .el-notification__closeBtn:hover { 281 | color: #eee; } 282 | .el-notification .el-icon-success { 283 | color: #67c23a; } 284 | .el-notification .el-icon-error { 285 | color: #f56c6c; } 286 | .el-notification .el-icon-info { 287 | color: #909399; } 288 | .el-notification .el-icon-warning { 289 | color: #e6a23c; } 290 | 291 | .el-notification-fade-enter.right { 292 | right: 0; 293 | -webkit-transform: translateX(100%); 294 | transform: translateX(100%); } 295 | 296 | .el-notification-fade-enter.left { 297 | left: 0; 298 | -webkit-transform: translateX(-100%); 299 | transform: translateX(-100%); } 300 | 301 | .el-notification-fade-leave-active { 302 | opacity: 0; } 303 | -------------------------------------------------------------------------------- /lib/option-group.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-select-group { 232 | margin: 0; 233 | padding: 0; } 234 | .el-select-group__wrap { 235 | position: relative; 236 | list-style: none; 237 | margin: 0; 238 | padding: 0; } 239 | .el-select-group__wrap:not(:last-of-type) { 240 | padding-bottom: 24px; } 241 | .el-select-group__wrap:not(:last-of-type)::after { 242 | content: ''; 243 | position: absolute; 244 | display: block; 245 | left: 20px; 246 | right: 20px; 247 | bottom: 12px; 248 | height: 1px; 249 | background: #121820; } 250 | .el-select-group__title { 251 | padding-left: 20px; 252 | font-size: 12px; 253 | color: #909399; 254 | line-height: 30px; } 255 | .el-select-group .el-select-dropdown__item { 256 | padding-left: 20px; } 257 | -------------------------------------------------------------------------------- /lib/option.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-select-dropdown__item { 232 | font-size: 14px; 233 | padding: 0 20px; 234 | position: relative; 235 | white-space: nowrap; 236 | overflow: hidden; 237 | text-overflow: ellipsis; 238 | color: #eee; 239 | height: 34px; 240 | line-height: 34px; 241 | -webkit-box-sizing: border-box; 242 | box-sizing: border-box; 243 | cursor: pointer; } 244 | .el-select-dropdown__item.is-disabled { 245 | color: #eee; 246 | cursor: not-allowed; } 247 | .el-select-dropdown__item.is-disabled:hover { 248 | background-color: #222933; } 249 | .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { 250 | background-color: #313846; } 251 | .el-select-dropdown__item.selected { 252 | color: #00adff; 253 | font-weight: bold; } 254 | -------------------------------------------------------------------------------- /lib/popper.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-popper .popper__arrow, 232 | .el-popper .popper__arrow::after { 233 | position: absolute; 234 | display: block; 235 | width: 0; 236 | height: 0; 237 | border-color: transparent; 238 | border-style: solid; } 239 | 240 | .el-popper .popper__arrow { 241 | border-width: 6px; 242 | -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); 243 | filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } 244 | 245 | .el-popper .popper__arrow::after { 246 | content: " "; 247 | border-width: 6px; } 248 | 249 | .el-popper[x-placement^="top"] { 250 | margin-bottom: 12px; } 251 | 252 | .el-popper[x-placement^="top"] .popper__arrow { 253 | bottom: -6px; 254 | left: 50%; 255 | margin-right: 3px; 256 | border-top-color: #121820; 257 | border-bottom-width: 0; } 258 | .el-popper[x-placement^="top"] .popper__arrow::after { 259 | bottom: 1px; 260 | margin-left: -6px; 261 | border-top-color: #222933; 262 | border-bottom-width: 0; } 263 | 264 | .el-popper[x-placement^="bottom"] { 265 | margin-top: 12px; } 266 | 267 | .el-popper[x-placement^="bottom"] .popper__arrow { 268 | top: -6px; 269 | left: 50%; 270 | margin-right: 3px; 271 | border-top-width: 0; 272 | border-bottom-color: #121820; } 273 | .el-popper[x-placement^="bottom"] .popper__arrow::after { 274 | top: 1px; 275 | margin-left: -6px; 276 | border-top-width: 0; 277 | border-bottom-color: #222933; } 278 | 279 | .el-popper[x-placement^="right"] { 280 | margin-left: 12px; } 281 | 282 | .el-popper[x-placement^="right"] .popper__arrow { 283 | top: 50%; 284 | left: -6px; 285 | margin-bottom: 3px; 286 | border-right-color: #121820; 287 | border-left-width: 0; } 288 | .el-popper[x-placement^="right"] .popper__arrow::after { 289 | bottom: -6px; 290 | left: 1px; 291 | border-right-color: #222933; 292 | border-left-width: 0; } 293 | 294 | .el-popper[x-placement^="left"] { 295 | margin-right: 12px; } 296 | 297 | .el-popper[x-placement^="left"] .popper__arrow { 298 | top: 50%; 299 | right: -6px; 300 | margin-bottom: 3px; 301 | border-right-width: 0; 302 | border-left-color: #121820; } 303 | .el-popper[x-placement^="left"] .popper__arrow::after { 304 | right: 1px; 305 | bottom: -6px; 306 | margin-left: -6px; 307 | border-right-width: 0; 308 | border-left-color: #222933; } 309 | -------------------------------------------------------------------------------- /lib/progress.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-progress { 232 | position: relative; 233 | line-height: 1; } 234 | .el-progress__text { 235 | font-size: 14px; 236 | color: #eee; 237 | display: inline-block; 238 | vertical-align: middle; 239 | margin-left: 10px; 240 | line-height: 1; } 241 | .el-progress__text i { 242 | vertical-align: middle; 243 | display: block; } 244 | .el-progress--circle { 245 | display: inline-block; } 246 | .el-progress--circle .el-progress__text { 247 | position: absolute; 248 | top: 50%; 249 | left: 0; 250 | width: 100%; 251 | text-align: center; 252 | margin: 0; 253 | -webkit-transform: translate(0, -50%); 254 | transform: translate(0, -50%); } 255 | .el-progress--circle .el-progress__text i { 256 | vertical-align: middle; 257 | display: inline-block; } 258 | .el-progress--without-text .el-progress__text { 259 | display: none; } 260 | .el-progress--without-text .el-progress-bar { 261 | padding-right: 0; 262 | margin-right: 0; 263 | display: block; } 264 | .el-progress--text-inside .el-progress-bar { 265 | padding-right: 0; 266 | margin-right: 0; } 267 | .el-progress.is-success .el-progress-bar__inner { 268 | background-color: #67c23a; } 269 | .el-progress.is-success .el-progress__text { 270 | color: #67c23a; } 271 | .el-progress.is-exception .el-progress-bar__inner { 272 | background-color: #f56c6c; } 273 | .el-progress.is-exception .el-progress__text { 274 | color: #f56c6c; } 275 | 276 | .el-progress-bar { 277 | padding-right: 50px; 278 | display: inline-block; 279 | vertical-align: middle; 280 | width: 100%; 281 | margin-right: -55px; 282 | -webkit-box-sizing: border-box; 283 | box-sizing: border-box; } 284 | .el-progress-bar__outer { 285 | height: 6px; 286 | border-radius: 100px; 287 | background-color: #121820; 288 | overflow: hidden; 289 | position: relative; 290 | vertical-align: middle; } 291 | .el-progress-bar__inner { 292 | position: absolute; 293 | left: 0; 294 | top: 0; 295 | height: 100%; 296 | background-color: #00adff; 297 | text-align: right; 298 | border-radius: 100px; 299 | line-height: 1; 300 | white-space: nowrap; 301 | -webkit-transition: width 0.6s ease; 302 | transition: width 0.6s ease; } 303 | .el-progress-bar__inner::after { 304 | display: inline-block; 305 | content: ""; 306 | height: 100%; 307 | vertical-align: middle; } 308 | .el-progress-bar__innerText { 309 | display: inline-block; 310 | vertical-align: middle; 311 | color: #222933; 312 | font-size: 12px; 313 | margin: 0 5px; } 314 | 315 | @-webkit-keyframes progress { 316 | 0% { 317 | background-position: 0 0; } 318 | 100% { 319 | background-position: 32px 0; } } 320 | 321 | @keyframes progress { 322 | 0% { 323 | background-position: 0 0; } 324 | 100% { 325 | background-position: 32px 0; } } 326 | -------------------------------------------------------------------------------- /lib/radio-group.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-radio-group { 232 | display: inline-block; 233 | line-height: 1; 234 | vertical-align: middle; 235 | font-size: 0; } 236 | -------------------------------------------------------------------------------- /lib/rate.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-rate { 232 | height: 20px; 233 | line-height: 1; } 234 | .el-rate:focus, .el-rate:active { 235 | outline-width: 0; } 236 | .el-rate__item { 237 | display: inline-block; 238 | position: relative; 239 | font-size: 0; 240 | vertical-align: middle; } 241 | .el-rate__icon { 242 | position: relative; 243 | display: inline-block; 244 | font-size: 18px; 245 | margin-right: 6px; 246 | color: #eee; 247 | -webkit-transition: .3s; 248 | transition: .3s; } 249 | .el-rate__icon.hover { 250 | -webkit-transform: scale(1.15); 251 | transform: scale(1.15); } 252 | .el-rate__icon .path2 { 253 | position: absolute; 254 | left: 0; 255 | top: 0; } 256 | .el-rate__decimal { 257 | position: absolute; 258 | top: 0; 259 | left: 0; 260 | display: inline-block; 261 | overflow: hidden; } 262 | .el-rate__text { 263 | font-size: 14px; 264 | vertical-align: middle; } 265 | -------------------------------------------------------------------------------- /lib/reset.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* Element Chalk Variables */ 3 | /* Transition 4 | -------------------------- */ 5 | /* Colors 6 | -------------------------- */ 7 | /* 53a8ff */ 8 | /* 66b1ff */ 9 | /* 79bbff */ 10 | /* 8cc5ff */ 11 | /* a0cfff */ 12 | /* b3d8ff */ 13 | /* c6e2ff */ 14 | /* d9ecff */ 15 | /* ecf5ff */ 16 | /* Link 17 | -------------------------- */ 18 | /* Background 19 | -------------------------- */ 20 | /* Border 21 | -------------------------- */ 22 | /* Box-shadow 23 | -------------------------- */ 24 | /* Fill 25 | -------------------------- */ 26 | /* Font 27 | -------------------------- */ 28 | /* Size 29 | -------------------------- */ 30 | /* z-index 31 | -------------------------- */ 32 | /* Disable base 33 | -------------------------- */ 34 | /* Icon 35 | -------------------------- */ 36 | /* Checkbox 37 | -------------------------- */ 38 | /* Radio 39 | -------------------------- */ 40 | /* Select 41 | -------------------------- */ 42 | /* Alert 43 | -------------------------- */ 44 | /* Message Box 45 | -------------------------- */ 46 | /* Message 47 | -------------------------- */ 48 | /* Notification 49 | -------------------------- */ 50 | /* Input 51 | -------------------------- */ 52 | /* Cascader 53 | -------------------------- */ 54 | /* Group 55 | -------------------------- */ 56 | /* Tab 57 | -------------------------- */ 58 | /* Button 59 | -------------------------- */ 60 | /* cascader 61 | -------------------------- */ 62 | /* Switch 63 | -------------------------- */ 64 | /* Dialog 65 | -------------------------- */ 66 | /* Table 67 | -------------------------- */ 68 | /* Pagination 69 | -------------------------- */ 70 | /* Popover 71 | -------------------------- */ 72 | /* Tooltip 73 | -------------------------- */ 74 | /* Tag 75 | -------------------------- */ 76 | /* Tree 77 | -------------------------- */ 78 | /* Dropdown 79 | -------------------------- */ 80 | /* Badge 81 | -------------------------- */ 82 | /* Card 83 | --------------------------*/ 84 | /* Slider 85 | --------------------------*/ 86 | /* Steps 87 | --------------------------*/ 88 | /* Menu 89 | --------------------------*/ 90 | /* Rate 91 | --------------------------*/ 92 | /* DatePicker 93 | --------------------------*/ 94 | /* Loading 95 | --------------------------*/ 96 | /* Scrollbar 97 | --------------------------*/ 98 | /* Carousel 99 | --------------------------*/ 100 | /* Collapse 101 | --------------------------*/ 102 | /* Transfer 103 | --------------------------*/ 104 | /* Header 105 | --------------------------*/ 106 | /* Footer 107 | --------------------------*/ 108 | /* Main 109 | --------------------------*/ 110 | /* Break-point 111 | --------------------------*/ 112 | body { 113 | font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; 114 | font-weight: 400; 115 | font-size: 14px; 116 | color: #000; 117 | -webkit-font-smoothing: antialiased; } 118 | 119 | a { 120 | color: #00adff; 121 | text-decoration: none; } 122 | a:hover, a:focus { 123 | color: #0793d6; } 124 | a:active { 125 | color: #009ce6; } 126 | 127 | h1, h2, h3, h4, h5, h6 { 128 | color: #eee; 129 | font-weight: inherit; } 130 | h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { 131 | margin-top: 0; } 132 | h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { 133 | margin-bottom: 0; } 134 | 135 | h1 { 136 | font-size: 20px; } 137 | 138 | h2 { 139 | font-size: 18px; } 140 | 141 | h3 { 142 | font-size: 16px; } 143 | 144 | h4, h5, h6, p { 145 | font-size: inherit; } 146 | 147 | p { 148 | line-height: 1.8; } 149 | p:first-child { 150 | margin-top: 0; } 151 | p:last-child { 152 | margin-bottom: 0; } 153 | 154 | sup, sub { 155 | font-size: 13px; } 156 | 157 | small { 158 | font-size: 12px; } 159 | 160 | hr { 161 | margin-top: 20px; 162 | margin-bottom: 20px; 163 | border: 0; 164 | border-top: 1px solid #eeeeee; } 165 | -------------------------------------------------------------------------------- /lib/row.css: -------------------------------------------------------------------------------- 1 | /* Element Chalk Variables */ 2 | /* Transition 3 | -------------------------- */ 4 | /* Colors 5 | -------------------------- */ 6 | /* 53a8ff */ 7 | /* 66b1ff */ 8 | /* 79bbff */ 9 | /* 8cc5ff */ 10 | /* a0cfff */ 11 | /* b3d8ff */ 12 | /* c6e2ff */ 13 | /* d9ecff */ 14 | /* ecf5ff */ 15 | /* Link 16 | -------------------------- */ 17 | /* Background 18 | -------------------------- */ 19 | /* Border 20 | -------------------------- */ 21 | /* Box-shadow 22 | -------------------------- */ 23 | /* Fill 24 | -------------------------- */ 25 | /* Font 26 | -------------------------- */ 27 | /* Size 28 | -------------------------- */ 29 | /* z-index 30 | -------------------------- */ 31 | /* Disable base 32 | -------------------------- */ 33 | /* Icon 34 | -------------------------- */ 35 | /* Checkbox 36 | -------------------------- */ 37 | /* Radio 38 | -------------------------- */ 39 | /* Select 40 | -------------------------- */ 41 | /* Alert 42 | -------------------------- */ 43 | /* Message Box 44 | -------------------------- */ 45 | /* Message 46 | -------------------------- */ 47 | /* Notification 48 | -------------------------- */ 49 | /* Input 50 | -------------------------- */ 51 | /* Cascader 52 | -------------------------- */ 53 | /* Group 54 | -------------------------- */ 55 | /* Tab 56 | -------------------------- */ 57 | /* Button 58 | -------------------------- */ 59 | /* cascader 60 | -------------------------- */ 61 | /* Switch 62 | -------------------------- */ 63 | /* Dialog 64 | -------------------------- */ 65 | /* Table 66 | -------------------------- */ 67 | /* Pagination 68 | -------------------------- */ 69 | /* Popover 70 | -------------------------- */ 71 | /* Tooltip 72 | -------------------------- */ 73 | /* Tag 74 | -------------------------- */ 75 | /* Tree 76 | -------------------------- */ 77 | /* Dropdown 78 | -------------------------- */ 79 | /* Badge 80 | -------------------------- */ 81 | /* Card 82 | --------------------------*/ 83 | /* Slider 84 | --------------------------*/ 85 | /* Steps 86 | --------------------------*/ 87 | /* Menu 88 | --------------------------*/ 89 | /* Rate 90 | --------------------------*/ 91 | /* DatePicker 92 | --------------------------*/ 93 | /* Loading 94 | --------------------------*/ 95 | /* Scrollbar 96 | --------------------------*/ 97 | /* Carousel 98 | --------------------------*/ 99 | /* Collapse 100 | --------------------------*/ 101 | /* Transfer 102 | --------------------------*/ 103 | /* Header 104 | --------------------------*/ 105 | /* Footer 106 | --------------------------*/ 107 | /* Main 108 | --------------------------*/ 109 | /* Break-point 110 | --------------------------*/ 111 | /* BEM support Func 112 | -------------------------- */ 113 | /* Element Chalk Variables */ 114 | /* Transition 115 | -------------------------- */ 116 | /* Colors 117 | -------------------------- */ 118 | /* 53a8ff */ 119 | /* 66b1ff */ 120 | /* 79bbff */ 121 | /* 8cc5ff */ 122 | /* a0cfff */ 123 | /* b3d8ff */ 124 | /* c6e2ff */ 125 | /* d9ecff */ 126 | /* ecf5ff */ 127 | /* Link 128 | -------------------------- */ 129 | /* Background 130 | -------------------------- */ 131 | /* Border 132 | -------------------------- */ 133 | /* Box-shadow 134 | -------------------------- */ 135 | /* Fill 136 | -------------------------- */ 137 | /* Font 138 | -------------------------- */ 139 | /* Size 140 | -------------------------- */ 141 | /* z-index 142 | -------------------------- */ 143 | /* Disable base 144 | -------------------------- */ 145 | /* Icon 146 | -------------------------- */ 147 | /* Checkbox 148 | -------------------------- */ 149 | /* Radio 150 | -------------------------- */ 151 | /* Select 152 | -------------------------- */ 153 | /* Alert 154 | -------------------------- */ 155 | /* Message Box 156 | -------------------------- */ 157 | /* Message 158 | -------------------------- */ 159 | /* Notification 160 | -------------------------- */ 161 | /* Input 162 | -------------------------- */ 163 | /* Cascader 164 | -------------------------- */ 165 | /* Group 166 | -------------------------- */ 167 | /* Tab 168 | -------------------------- */ 169 | /* Button 170 | -------------------------- */ 171 | /* cascader 172 | -------------------------- */ 173 | /* Switch 174 | -------------------------- */ 175 | /* Dialog 176 | -------------------------- */ 177 | /* Table 178 | -------------------------- */ 179 | /* Pagination 180 | -------------------------- */ 181 | /* Popover 182 | -------------------------- */ 183 | /* Tooltip 184 | -------------------------- */ 185 | /* Tag 186 | -------------------------- */ 187 | /* Tree 188 | -------------------------- */ 189 | /* Dropdown 190 | -------------------------- */ 191 | /* Badge 192 | -------------------------- */ 193 | /* Card 194 | --------------------------*/ 195 | /* Slider 196 | --------------------------*/ 197 | /* Steps 198 | --------------------------*/ 199 | /* Menu 200 | --------------------------*/ 201 | /* Rate 202 | --------------------------*/ 203 | /* DatePicker 204 | --------------------------*/ 205 | /* Loading 206 | --------------------------*/ 207 | /* Scrollbar 208 | --------------------------*/ 209 | /* Carousel 210 | --------------------------*/ 211 | /* Collapse 212 | --------------------------*/ 213 | /* Transfer 214 | --------------------------*/ 215 | /* Header 216 | --------------------------*/ 217 | /* Footer 218 | --------------------------*/ 219 | /* Main 220 | --------------------------*/ 221 | /* Break-point 222 | --------------------------*/ 223 | /* Break-points 224 | -------------------------- */ 225 | /* Scrollbar 226 | -------------------------- */ 227 | /* Placeholder 228 | -------------------------- */ 229 | /* BEM 230 | -------------------------- */ 231 | .el-row { 232 | position: relative; 233 | -webkit-box-sizing: border-box; 234 | box-sizing: border-box; } 235 | .el-row::before, 236 | .el-row::after { 237 | display: table; 238 | content: ""; } 239 | .el-row::after { 240 | clear: both; } 241 | .el-row--flex { 242 | display: -webkit-box; 243 | display: -ms-flexbox; 244 | display: flex; } 245 | .el-row--flex:before, .el-row--flex:after { 246 | display: none; } 247 | .el-row--flex.is-justify-center { 248 | -webkit-box-pack: center; 249 | -ms-flex-pack: center; 250 | justify-content: center; } 251 | .el-row--flex.is-justify-end { 252 | -webkit-box-pack: end; 253 | -ms-flex-pack: end; 254 | justify-content: flex-end; } 255 | .el-row--flex.is-justify-space-between { 256 | -webkit-box-pack: justify; 257 | -ms-flex-pack: justify; 258 | justify-content: space-between; } 259 | .el-row--flex.is-justify-space-around { 260 | -ms-flex-pack: distribute; 261 | justify-content: space-around; } 262 | .el-row--flex.is-align-middle { 263 | -webkit-box-align: center; 264 | -ms-flex-align: center; 265 | align-items: center; } 266 | .el-row--flex.is-align-bottom { 267 | -webkit-box-align: end; 268 | -ms-flex-align: end; 269 | align-items: flex-end; } 270 | -------------------------------------------------------------------------------- /lib/scrollbar.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-scrollbar { 232 | overflow: hidden; 233 | position: relative; } 234 | .el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar { 235 | opacity: 1; 236 | -webkit-transition: opacity 340ms ease-out; 237 | transition: opacity 340ms ease-out; } 238 | .el-scrollbar__wrap { 239 | overflow: scroll; 240 | height: 100%; } 241 | .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { 242 | width: 0; 243 | height: 0; } 244 | .el-scrollbar__thumb { 245 | position: relative; 246 | display: block; 247 | width: 0; 248 | height: 0; 249 | cursor: pointer; 250 | border-radius: inherit; 251 | background-color: rgba(187, 187, 187, 0.3); 252 | -webkit-transition: .3s background-color; 253 | transition: .3s background-color; } 254 | .el-scrollbar__thumb:hover { 255 | background-color: rgba(187, 187, 187, 0.5); } 256 | .el-scrollbar__bar { 257 | position: absolute; 258 | right: 2px; 259 | bottom: 2px; 260 | z-index: 1; 261 | border-radius: 4px; 262 | opacity: 0; 263 | -webkit-transition: opacity 120ms ease-out; 264 | transition: opacity 120ms ease-out; } 265 | .el-scrollbar__bar.is-vertical { 266 | width: 6px; 267 | top: 2px; } 268 | .el-scrollbar__bar.is-vertical > div { 269 | width: 100%; } 270 | .el-scrollbar__bar.is-horizontal { 271 | height: 6px; 272 | left: 2px; } 273 | .el-scrollbar__bar.is-horizontal > div { 274 | height: 100%; } 275 | -------------------------------------------------------------------------------- /lib/spinner.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | .el-time-spinner { 122 | width: 100%; 123 | white-space: nowrap; } 124 | 125 | .el-spinner { 126 | display: inline-block; 127 | vertical-align: middle; } 128 | 129 | .el-spinner-inner { 130 | -webkit-animation: rotate 2s linear infinite; 131 | animation: rotate 2s linear infinite; 132 | width: 50px; 133 | height: 50px; } 134 | .el-spinner-inner .path { 135 | stroke: #ececec; 136 | stroke-linecap: round; 137 | -webkit-animation: dash 1.5s ease-in-out infinite; 138 | animation: dash 1.5s ease-in-out infinite; } 139 | 140 | @-webkit-keyframes rotate { 141 | 100% { 142 | -webkit-transform: rotate(360deg); 143 | transform: rotate(360deg); } } 144 | 145 | @keyframes rotate { 146 | 100% { 147 | -webkit-transform: rotate(360deg); 148 | transform: rotate(360deg); } } 149 | 150 | @-webkit-keyframes dash { 151 | 0% { 152 | stroke-dasharray: 1, 150; 153 | stroke-dashoffset: 0; } 154 | 50% { 155 | stroke-dasharray: 90, 150; 156 | stroke-dashoffset: -35; } 157 | 100% { 158 | stroke-dasharray: 90, 150; 159 | stroke-dashoffset: -124; } } 160 | 161 | @keyframes dash { 162 | 0% { 163 | stroke-dasharray: 1, 150; 164 | stroke-dashoffset: 0; } 165 | 50% { 166 | stroke-dasharray: 90, 150; 167 | stroke-dashoffset: -35; } 168 | 100% { 169 | stroke-dasharray: 90, 150; 170 | stroke-dashoffset: -124; } } 171 | -------------------------------------------------------------------------------- /lib/steps.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | .el-steps { 122 | display: -webkit-box; 123 | display: -ms-flexbox; 124 | display: flex; } 125 | .el-steps--simple { 126 | padding: 13px 8%; 127 | border-radius: 4px; 128 | background: #313846; } 129 | .el-steps--horizontal { 130 | white-space: nowrap; } 131 | .el-steps--vertical { 132 | height: 100%; 133 | -webkit-box-orient: vertical; 134 | -webkit-box-direction: normal; 135 | -ms-flex-flow: column; 136 | flex-flow: column; } 137 | -------------------------------------------------------------------------------- /lib/submenu.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/submenu.css -------------------------------------------------------------------------------- /lib/switch.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-switch { 232 | display: -webkit-inline-box; 233 | display: -ms-inline-flexbox; 234 | display: inline-flex; 235 | -webkit-box-align: center; 236 | -ms-flex-align: center; 237 | align-items: center; 238 | position: relative; 239 | font-size: 14px; 240 | line-height: 20px; 241 | height: 20px; 242 | vertical-align: middle; } 243 | .el-switch.is-disabled .el-switch__core, 244 | .el-switch.is-disabled .el-switch__label { 245 | cursor: not-allowed; } 246 | .el-switch__label { 247 | -webkit-transition: .2s; 248 | transition: .2s; 249 | height: 20px; 250 | display: inline-block; 251 | font-size: 14px; 252 | font-weight: 500; 253 | cursor: pointer; 254 | vertical-align: middle; 255 | color: #ccc; } 256 | .el-switch__label.is-active { 257 | color: #00adff; } 258 | .el-switch__label--left { 259 | margin-right: 10px; } 260 | .el-switch__label--right { 261 | margin-left: 10px; } 262 | .el-switch__label * { 263 | line-height: 1; 264 | font-size: 14px; 265 | display: inline-block; } 266 | .el-switch__input { 267 | position: absolute; 268 | width: 0; 269 | height: 0; 270 | opacity: 0; 271 | margin: 0; } 272 | .el-switch__core { 273 | margin: 0; 274 | display: inline-block; 275 | position: relative; 276 | width: 40px; 277 | height: 20px; 278 | border: 1px solid #121820; 279 | outline: none; 280 | border-radius: 10px; 281 | -webkit-box-sizing: border-box; 282 | box-sizing: border-box; 283 | background: #121820; 284 | cursor: pointer; 285 | -webkit-transition: border-color .3s, background-color .3s; 286 | transition: border-color .3s, background-color .3s; 287 | vertical-align: middle; } 288 | .el-switch__core:after { 289 | content: ""; 290 | position: absolute; 291 | top: 1px; 292 | left: 1px; 293 | border-radius: 100%; 294 | -webkit-transition: all .3s; 295 | transition: all .3s; 296 | width: 16px; 297 | height: 16px; 298 | background-color: #222933; } 299 | .el-switch.is-checked .el-switch__core { 300 | border-color: #00adff; 301 | background-color: #00adff; } 302 | .el-switch.is-checked .el-switch__core::after { 303 | left: 100%; 304 | margin-left: -17px; } 305 | .el-switch.is-disabled { 306 | opacity: 0.6; } 307 | .el-switch--wide .el-switch__label.el-switch__label--left span { 308 | left: 10px; } 309 | .el-switch--wide .el-switch__label.el-switch__label--right span { 310 | right: 10px; } 311 | .el-switch .label-fade-enter, 312 | .el-switch .label-fade-leave-active { 313 | opacity: 0; } 314 | -------------------------------------------------------------------------------- /lib/tab-pane.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Arattian/element-theme-dark/11296a3cb611ee1beda8187498a7f1d4d2706120/lib/tab-pane.css -------------------------------------------------------------------------------- /lib/tag.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-tag { 232 | background-color: rgba(0, 173, 255, 0.1); 233 | display: inline-block; 234 | padding: 0 10px; 235 | height: 32px; 236 | line-height: 30px; 237 | font-size: 12px; 238 | color: #00adff; 239 | border-radius: 4px; 240 | -webkit-box-sizing: border-box; 241 | box-sizing: border-box; 242 | border: 1px solid rgba(0, 173, 255, 0.2); 243 | white-space: nowrap; } 244 | .el-tag .el-icon-close { 245 | border-radius: 50%; 246 | text-align: center; 247 | position: relative; 248 | cursor: pointer; 249 | font-size: 12px; 250 | height: 16px; 251 | width: 16px; 252 | line-height: 16px; 253 | vertical-align: middle; 254 | top: -1px; 255 | right: -5px; 256 | color: #00adff; } 257 | .el-tag .el-icon-close::before { 258 | display: block; } 259 | .el-tag .el-icon-close:hover { 260 | background-color: #00adff; 261 | color: #222933; } 262 | .el-tag--info { 263 | background-color: rgba(144, 147, 153, 0.1); 264 | border-color: rgba(144, 147, 153, 0.2); 265 | color: #909399; } 266 | .el-tag--info.is-hit { 267 | border-color: #909399; } 268 | .el-tag--info .el-tag__close { 269 | color: #909399; } 270 | .el-tag--info .el-tag__close:hover { 271 | background-color: #909399; 272 | color: #222933; } 273 | .el-tag--success { 274 | background-color: rgba(103, 194, 58, 0.1); 275 | border-color: rgba(103, 194, 58, 0.2); 276 | color: #67c23a; } 277 | .el-tag--success.is-hit { 278 | border-color: #67c23a; } 279 | .el-tag--success .el-tag__close { 280 | color: #67c23a; } 281 | .el-tag--success .el-tag__close:hover { 282 | background-color: #67c23a; 283 | color: #222933; } 284 | .el-tag--warning { 285 | background-color: rgba(230, 162, 60, 0.1); 286 | border-color: rgba(230, 162, 60, 0.2); 287 | color: #e6a23c; } 288 | .el-tag--warning.is-hit { 289 | border-color: #e6a23c; } 290 | .el-tag--warning .el-tag__close { 291 | color: #e6a23c; } 292 | .el-tag--warning .el-tag__close:hover { 293 | background-color: #e6a23c; 294 | color: #222933; } 295 | .el-tag--danger { 296 | background-color: rgba(245, 108, 108, 0.1); 297 | border-color: rgba(245, 108, 108, 0.2); 298 | color: #f56c6c; } 299 | .el-tag--danger.is-hit { 300 | border-color: #f56c6c; } 301 | .el-tag--danger .el-tag__close { 302 | color: #f56c6c; } 303 | .el-tag--danger .el-tag__close:hover { 304 | background-color: #f56c6c; 305 | color: #222933; } 306 | .el-tag--medium { 307 | height: 28px; 308 | line-height: 26px; } 309 | .el-tag--medium .el-icon-close { 310 | -webkit-transform: scale(0.8); 311 | transform: scale(0.8); } 312 | .el-tag--small { 313 | height: 24px; 314 | padding: 0 8px; 315 | line-height: 22px; } 316 | .el-tag--small .el-icon-close { 317 | -webkit-transform: scale(0.8); 318 | transform: scale(0.8); } 319 | .el-tag--mini { 320 | height: 20px; 321 | padding: 0 5px; 322 | line-height: 19px; } 323 | .el-tag--mini .el-icon-close { 324 | margin-left: -3px; 325 | -webkit-transform: scale(0.7); 326 | transform: scale(0.7); } 327 | -------------------------------------------------------------------------------- /lib/tooltip.css: -------------------------------------------------------------------------------- 1 | /* BEM support Func 2 | -------------------------- */ 3 | /* Element Chalk Variables */ 4 | /* Transition 5 | -------------------------- */ 6 | /* Colors 7 | -------------------------- */ 8 | /* 53a8ff */ 9 | /* 66b1ff */ 10 | /* 79bbff */ 11 | /* 8cc5ff */ 12 | /* a0cfff */ 13 | /* b3d8ff */ 14 | /* c6e2ff */ 15 | /* d9ecff */ 16 | /* ecf5ff */ 17 | /* Link 18 | -------------------------- */ 19 | /* Background 20 | -------------------------- */ 21 | /* Border 22 | -------------------------- */ 23 | /* Box-shadow 24 | -------------------------- */ 25 | /* Fill 26 | -------------------------- */ 27 | /* Font 28 | -------------------------- */ 29 | /* Size 30 | -------------------------- */ 31 | /* z-index 32 | -------------------------- */ 33 | /* Disable base 34 | -------------------------- */ 35 | /* Icon 36 | -------------------------- */ 37 | /* Checkbox 38 | -------------------------- */ 39 | /* Radio 40 | -------------------------- */ 41 | /* Select 42 | -------------------------- */ 43 | /* Alert 44 | -------------------------- */ 45 | /* Message Box 46 | -------------------------- */ 47 | /* Message 48 | -------------------------- */ 49 | /* Notification 50 | -------------------------- */ 51 | /* Input 52 | -------------------------- */ 53 | /* Cascader 54 | -------------------------- */ 55 | /* Group 56 | -------------------------- */ 57 | /* Tab 58 | -------------------------- */ 59 | /* Button 60 | -------------------------- */ 61 | /* cascader 62 | -------------------------- */ 63 | /* Switch 64 | -------------------------- */ 65 | /* Dialog 66 | -------------------------- */ 67 | /* Table 68 | -------------------------- */ 69 | /* Pagination 70 | -------------------------- */ 71 | /* Popover 72 | -------------------------- */ 73 | /* Tooltip 74 | -------------------------- */ 75 | /* Tag 76 | -------------------------- */ 77 | /* Tree 78 | -------------------------- */ 79 | /* Dropdown 80 | -------------------------- */ 81 | /* Badge 82 | -------------------------- */ 83 | /* Card 84 | --------------------------*/ 85 | /* Slider 86 | --------------------------*/ 87 | /* Steps 88 | --------------------------*/ 89 | /* Menu 90 | --------------------------*/ 91 | /* Rate 92 | --------------------------*/ 93 | /* DatePicker 94 | --------------------------*/ 95 | /* Loading 96 | --------------------------*/ 97 | /* Scrollbar 98 | --------------------------*/ 99 | /* Carousel 100 | --------------------------*/ 101 | /* Collapse 102 | --------------------------*/ 103 | /* Transfer 104 | --------------------------*/ 105 | /* Header 106 | --------------------------*/ 107 | /* Footer 108 | --------------------------*/ 109 | /* Main 110 | --------------------------*/ 111 | /* Break-point 112 | --------------------------*/ 113 | /* Break-points 114 | -------------------------- */ 115 | /* Scrollbar 116 | -------------------------- */ 117 | /* Placeholder 118 | -------------------------- */ 119 | /* BEM 120 | -------------------------- */ 121 | /* Element Chalk Variables */ 122 | /* Transition 123 | -------------------------- */ 124 | /* Colors 125 | -------------------------- */ 126 | /* 53a8ff */ 127 | /* 66b1ff */ 128 | /* 79bbff */ 129 | /* 8cc5ff */ 130 | /* a0cfff */ 131 | /* b3d8ff */ 132 | /* c6e2ff */ 133 | /* d9ecff */ 134 | /* ecf5ff */ 135 | /* Link 136 | -------------------------- */ 137 | /* Background 138 | -------------------------- */ 139 | /* Border 140 | -------------------------- */ 141 | /* Box-shadow 142 | -------------------------- */ 143 | /* Fill 144 | -------------------------- */ 145 | /* Font 146 | -------------------------- */ 147 | /* Size 148 | -------------------------- */ 149 | /* z-index 150 | -------------------------- */ 151 | /* Disable base 152 | -------------------------- */ 153 | /* Icon 154 | -------------------------- */ 155 | /* Checkbox 156 | -------------------------- */ 157 | /* Radio 158 | -------------------------- */ 159 | /* Select 160 | -------------------------- */ 161 | /* Alert 162 | -------------------------- */ 163 | /* Message Box 164 | -------------------------- */ 165 | /* Message 166 | -------------------------- */ 167 | /* Notification 168 | -------------------------- */ 169 | /* Input 170 | -------------------------- */ 171 | /* Cascader 172 | -------------------------- */ 173 | /* Group 174 | -------------------------- */ 175 | /* Tab 176 | -------------------------- */ 177 | /* Button 178 | -------------------------- */ 179 | /* cascader 180 | -------------------------- */ 181 | /* Switch 182 | -------------------------- */ 183 | /* Dialog 184 | -------------------------- */ 185 | /* Table 186 | -------------------------- */ 187 | /* Pagination 188 | -------------------------- */ 189 | /* Popover 190 | -------------------------- */ 191 | /* Tooltip 192 | -------------------------- */ 193 | /* Tag 194 | -------------------------- */ 195 | /* Tree 196 | -------------------------- */ 197 | /* Dropdown 198 | -------------------------- */ 199 | /* Badge 200 | -------------------------- */ 201 | /* Card 202 | --------------------------*/ 203 | /* Slider 204 | --------------------------*/ 205 | /* Steps 206 | --------------------------*/ 207 | /* Menu 208 | --------------------------*/ 209 | /* Rate 210 | --------------------------*/ 211 | /* DatePicker 212 | --------------------------*/ 213 | /* Loading 214 | --------------------------*/ 215 | /* Scrollbar 216 | --------------------------*/ 217 | /* Carousel 218 | --------------------------*/ 219 | /* Collapse 220 | --------------------------*/ 221 | /* Transfer 222 | --------------------------*/ 223 | /* Header 224 | --------------------------*/ 225 | /* Footer 226 | --------------------------*/ 227 | /* Main 228 | --------------------------*/ 229 | /* Break-point 230 | --------------------------*/ 231 | .el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { 232 | outline-width: 0; } 233 | 234 | .el-tooltip__popper { 235 | position: absolute; 236 | border-radius: 4px; 237 | padding: 10px; 238 | z-index: 2000; 239 | font-size: 12px; 240 | line-height: 1.2; 241 | min-width: 10px; 242 | word-wrap: break-word; } 243 | .el-tooltip__popper .popper__arrow, 244 | .el-tooltip__popper .popper__arrow::after { 245 | position: absolute; 246 | display: block; 247 | width: 0; 248 | height: 0; 249 | border-color: transparent; 250 | border-style: solid; } 251 | .el-tooltip__popper .popper__arrow { 252 | border-width: 6px; } 253 | .el-tooltip__popper .popper__arrow::after { 254 | content: " "; 255 | border-width: 5px; } 256 | .el-tooltip__popper[x-placement^="top"] { 257 | margin-bottom: 12px; } 258 | .el-tooltip__popper[x-placement^="top"] .popper__arrow { 259 | bottom: -6px; 260 | border-top-color: #ccc; 261 | border-bottom-width: 0; } 262 | .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { 263 | bottom: 1px; 264 | margin-left: -5px; 265 | border-top-color: #ccc; 266 | border-bottom-width: 0; } 267 | .el-tooltip__popper[x-placement^="bottom"] { 268 | margin-top: 12px; } 269 | .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { 270 | top: -6px; 271 | border-top-width: 0; 272 | border-bottom-color: #ccc; } 273 | .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { 274 | top: 1px; 275 | margin-left: -5px; 276 | border-top-width: 0; 277 | border-bottom-color: #ccc; } 278 | .el-tooltip__popper[x-placement^="right"] { 279 | margin-left: 12px; } 280 | .el-tooltip__popper[x-placement^="right"] .popper__arrow { 281 | left: -6px; 282 | border-right-color: #ccc; 283 | border-left-width: 0; } 284 | .el-tooltip__popper[x-placement^="right"] .popper__arrow::after { 285 | bottom: -5px; 286 | left: 1px; 287 | border-right-color: #ccc; 288 | border-left-width: 0; } 289 | .el-tooltip__popper[x-placement^="left"] { 290 | margin-right: 12px; } 291 | .el-tooltip__popper[x-placement^="left"] .popper__arrow { 292 | right: -6px; 293 | border-right-width: 0; 294 | border-left-color: #ccc; } 295 | .el-tooltip__popper[x-placement^="left"] .popper__arrow::after { 296 | right: 1px; 297 | bottom: -5px; 298 | margin-left: -5px; 299 | border-right-width: 0; 300 | border-left-color: #ccc; } 301 | .el-tooltip__popper.is-dark { 302 | background: #ccc; 303 | color: #222933; } 304 | .el-tooltip__popper.is-light { 305 | background: #222933; 306 | border: 1px solid #ccc; } 307 | .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { 308 | border-top-color: #ccc; } 309 | .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { 310 | border-top-color: #222933; } 311 | .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { 312 | border-bottom-color: #ccc; } 313 | .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { 314 | border-bottom-color: #222933; } 315 | .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { 316 | border-left-color: #ccc; } 317 | .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { 318 | border-left-color: #222933; } 319 | .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { 320 | border-right-color: #ccc; } 321 | .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { 322 | border-right-color: #222933; } 323 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "element-theme-dark", 3 | "version": "1.0.3", 4 | "description": "Element UI dark theme", 5 | "author": "Misak Poghosyan", 6 | "license": "MIT", 7 | "main": "lib/index.css", 8 | "repository": "Arattian/element-theme-dark", 9 | "keywords": [ 10 | "element-ui", 11 | "npm", 12 | "package", 13 | "dark", 14 | "theme", 15 | "aratta" 16 | ] 17 | } 18 | --------------------------------------------------------------------------------