From 52ab9c1909f39c8854e8235cddd351ef72505e91 Mon Sep 17 00:00:00 2001 From: BigCoke233 Date: Thu, 30 Jul 2020 23:49:46 +0800 Subject: =?UTF-8?q?:fire:=20Del:=20=E7=A7=BB=E9=99=A4=E6=97=A7=E7=89=88?= =?UTF-8?q?=E6=9C=AC=E6=89=80=E6=9C=89=E6=96=87=E4=BB=B6=EF=BC=8C=E5=87=86?= =?UTF-8?q?=E5=A4=87=202.0=20=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/component.css | 172 ------------------------------------------ 1 file changed, 172 deletions(-) delete mode 100644 assets/css/main/component.css (limited to 'assets/css/main/component.css') diff --git a/assets/css/main/component.css b/assets/css/main/component.css deleted file mode 100644 index eac7ab1..0000000 --- a/assets/css/main/component.css +++ /dev/null @@ -1,172 +0,0 @@ -@charset 'utf-8'; -/* - * Style of some component - * Author: Eltrac - * License: MIT - */ -/* Button */ -button { - outline: none; - cursor: pointer -} -.button { - border: 3px solid #ccc; - border-radius: 30px; - padding: 8px 12px; - transition: all .2s; -} -.button:hover { - border-color: #000; - background: #000; - color: #fff -} -.button-sm { - padding: 3px 5px; -} -.button-md { - border: none; - border-radius: 3px; -} -.button-md:hover { - background: rgb(235,235,235); - color: #fff; -} -/* Alert */ -.alert { - bottom: 0; - left: 50%; - transform: translate(-50%, 0px); - z-index: 10; - padding: 1em; - position: fixed; - color: #fff; - background: rgba(50,50,50,.95); - border-radius: 2px; - margin: 0 auto 1em auto; - box-shadow: 0 2px 6px gray; - transition: .2s; -} -.alert.success { - background: #2ECC71; - color: #fff -} -.alert.failed { - background: #DD4B39; - color: #fff -} -.alert.adding { - -webkit-animation: slideDown 0.2s ease forwards; - animation: slideDown 0.3s ease forwards; -} -.alert.remove { - -webkit-animation: slideUp 0.2s ease forwards; - animation: slideUp 0.3s ease forwards; -} -@-webkit-keyframes slideDown { - 0%{ - bottom: -100px; - } - 25%{ - bottom: -50px; - } - 50%{ - bottom: 0; - } - 100%{ - bottom: 5px; - } -} -@-webkit-keyframes slideUp { - 0%{ - bottom: 5px; - } - 25%{ - bottom: 0; - } - 50%{ - bottom: -50px; - } - 100%{ - bottom: -100px; - } -} - - -/* Mask */ -.mask { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgb(70,70,70,0); - z-index: -100; - transition: background 0.4s; -} -.mask-open { - background: rgb(70,70,70,0.7); - z-index: 25; -} -/* Fixed Buttons */ -.fixed-button { - background: #fdfdfd; - font-size: 16px; - height: 3.5rem; - width: 3.5rem; - display: flex; - justify-content:center; - align-items:center; - border: none; - border-radius: 10000px; - box-shadow: 0 1px 5px #bababa; - -webkit-box-shadow: 0 1px 5px #bababa; - -moz-box-shadow: 0 1px 5px #bababa; - position: fixed; - cursor: pointer; - outline: 0; - right: 6px; - transition: all 0.3s; -} -.fixed-button:hover { - box-shadow: 0 3px 25px #bababa; - -webkit-box-shadow: 0 3px 25px #bababa; - -moz-box-shadow: 0 3px 25px #bababa; - background: rgb(248,248,248)!important; -} -.gotop-button { - bottom: 8px; - background: #fff!important; - color: rgb(80,80,80)!important; - right: 1rem; -} -/* Bubble */ -.bubble { - position: relative; - background: #f1f1f1; - border-radius: 2px; - padding: 0; - color: #000; - display: inline-block; - min-width: 180px; - transition: all 0.3s; -} -.bubble::before{ - content: ''; - position: absolute; - right: 100%; - top: 18px; - width: 0; - height: 0; - border-radius: 2px; - border-width: 9px; - border-style: solid; - border-color: transparent; - margin-bottom: -14px; - border-right-width: 18px; - border-right-color: currentColor; - color: #f1f1f1; -} -.bubble:hover { - transform: translateY(-6px); - box-shadow: 2px 8px 17px #bababa; -} \ No newline at end of file -- cgit v1.2.3