Browse Source

added test html file + Variable.styl

Skylsmoi 7 years ago
parent
commit
7441e9d264
5 changed files with 98 additions and 2 deletions
  1. 14 0
      dist/index.html
  2. 1 1
      dist/tracim_lib.js
  3. 2 0
      src/css/PopinFixed.styl
  4. 80 0
      src/css/Variable.styl
  5. 1 1
      webpack.config.js

+ 14 - 0
dist/index.html View File

@@ -0,0 +1,14 @@
1
+<!DOCTYPE html>
2
+<html>
3
+<head>
4
+  <meta charset='utf-8' />
5
+  <meta name="viewport" content="width=device-width, user-scalable=no">
6
+  <title>Tracim Lib</title>
7
+  <link rel='shortcut icon' href='favicon.ico'>
8
+</head>
9
+<body>
10
+  <div id='content'></div>
11
+
12
+  <script type='text/javascript' src='./tracim_lib.js'></script>
13
+</body>
14
+</html>

File diff suppressed because it is too large
+ 1 - 1
dist/tracim_lib.js


+ 2 - 0
src/css/PopinFixed.styl View File

@@ -1,3 +1,5 @@
1
+@import './Variable.styl'
2
+
1 3
 .wsFileGeneric
2 4
   position fixed
3 5
   top 85px

+ 80 - 0
src/css/Variable.styl View File

@@ -0,0 +1,80 @@
1
+mainColor = #fdfdfd // Bg header
2
+secondColor = #215e8e // bg sidebar
3
+thirdColor = #2571fe // bg workspace name
4
+fourthColor = #82b2cc // bg filter sidebar
5
+
6
+fontColor = #252525
7
+
8
+darkGrey = #252525
9
+rgbGrey = rgba(25,25,25,0.3)
10
+grey = #ababab
11
+lightGrey = #f0f0f0
12
+grey-hover = #e0e0e0
13
+
14
+folder-hover = #9BC1eb
15
+files-hover = rgba(155,193,235,0.2)
16
+
17
+off-white = #fdfdfd
18
+
19
+darkBlue = #215e8e
20
+blue = #2571fe
21
+lightBlue = #569EDE
22
+
23
+red = #f63434
24
+
25
+// c2a btn color in general context ; meaning every context but specific one related to file type (file, pageHtml, issues, threads ...)
26
+btnCallAction = #28a745
27
+btnCallAction-hover = darken(btnCallAction, 15%)
28
+
29
+threadColor = #2674d3
30
+
31
+htmlColor = #65c7f2
32
+darkHtmlColor = darken(htmlColor, 15%)
33
+
34
+markdownColor = #e0082b
35
+
36
+fileColor = #263462
37
+lightFileColor = lighten(fileColor, 15%)
38
+
39
+taskColor = #2d5a88
40
+
41
+issueColor = #a4835e
42
+
43
+/** Role Color  **/
44
+gestionnaire = #f2af2d
45
+lecteur = #15D948
46
+contributeur = #3145F7
47
+responsable = #ED0007
48
+
49
+/** Btn call to action dashboard **/
50
+writefile = #a738ed
51
+importfile = #ff8400
52
+calendar = red
53
+explore = #87d04c
54
+
55
+
56
+/*************************/
57
+/**** BOX SHADOW ****/
58
+shadow-bottom = 0px 0px 5px 1px #606060
59
+shadow-right = 2px 2px 5px 0px #404040
60
+shadow-all = 1px 1px 5px 2px #ababab
61
+shadow-all-side-blue = 0px 0px 1px 1px lightBlue
62
+shadow-all-side-green = 0 0 1px 2px green
63
+shadow-all-btn = 0 0 3px 3px lightBlue
64
+
65
+/***********************/
66
+/**** MEDIA QUERIES ****/
67
+min-xs = 0px
68
+max-xs = 575px
69
+
70
+min-sm = 576px
71
+max-sm = 767px
72
+
73
+min-md = 768px
74
+max-md = 991px
75
+
76
+min-lg = 992px
77
+max-lg = 1199px
78
+
79
+min-xl = 1200px
80
+

+ 1 - 1
webpack.config.js View File

@@ -19,7 +19,7 @@ module.exports = {
19 19
   },
20 20
   devServer: {
21 21
     contentBase: path.join(__dirname, 'dist/'),
22
-    port: 8071,
22
+    port: 8070,
23 23
     hot: true,
24 24
     noInfo: true,
25 25
     overlay: {