Added "Less" CSS styles now stored in styles.less

This commit is contained in:
booploops 2021-12-08 16:36:31 -08:00
parent 782a079581
commit 27e2072397
5 changed files with 2184 additions and 4 deletions

View file

@ -15,7 +15,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Cider</title> <title>Cider</title>
<link rel="stylesheet" href="style.css?v=2"> <link rel="stylesheet" href="style-old.css?v=2">
<script src="vue.js"></script> <script src="vue.js"></script>
<script src="sortable.min.js"></script> <script src="sortable.min.js"></script>
<script src="vuedraggable.umd.min.js"></script> <script src="vuedraggable.umd.min.js"></script>

File diff suppressed because one or more lines are too long

View file

@ -49,6 +49,7 @@ body[platform='linux'] {
box-sizing: inherit; box-sizing: inherit;
} }
/* Modern style overlay scrollbars */ /* Modern style overlay scrollbars */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 16px; width: 16px;
@ -2159,4 +2160,6 @@ div#captions {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: rgba(0,0,0,0.6); background: rgba(0,0,0,0.6);
color: yellow; color: yellow;
} }
[v-cloak] {display: none!important}

File diff suppressed because it is too large Load diff

View file

@ -15,7 +15,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Cider</title> <title>Cider</title>
<link rel="stylesheet" href="style.css?v=2"> <link rel="stylesheet/less" type="text/css" href="style.less" />
<script src="less.js"></script>
<script src="vue.js"></script> <script src="vue.js"></script>
<script src="sortable.min.js"></script> <script src="sortable.min.js"></script>
<script src="vue-observe-visibility.min.js"></script> <script src="vue-observe-visibility.min.js"></script>
@ -114,7 +115,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="app-navigation"> <div class="app-navigation" v-cloak>
<div id="app-sidebar"> <div id="app-sidebar">
<div class="app-sidebar-header"> <div class="app-sidebar-header">
<div class="search-input-container"> <div class="search-input-container">