diff options
author | Thomas Citharel <tcit@tcit.fr> | 2017-03-31 20:21:41 +0200 |
---|---|---|
committer | Thomas Citharel <tcit@tcit.fr> | 2017-05-04 14:49:44 +0200 |
commit | 64f81bc31699ed239e4becec1cfa7ebc0bef2b5a (patch) | |
tree | 6363a596055683587d11aaffcf30608a682988aa /app/Resources/static/themes/baggy/css/save.scss | |
parent | 3b4502e0e663866e7bac00164fd935fdc92309d6 (diff) | |
download | wallabag-64f81bc31699ed239e4becec1cfa7ebc0bef2b5a.tar.gz wallabag-64f81bc31699ed239e4becec1cfa7ebc0bef2b5a.tar.zst wallabag-64f81bc31699ed239e4becec1cfa7ebc0bef2b5a.zip |
Adds Webpack support and removes the use for Grunt
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
use scss
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
fix build, add babel, fix annotations
fixes (and improvements !) for baggy
add live reload & environments & eslint & theme fixes
Diffstat (limited to 'app/Resources/static/themes/baggy/css/save.scss')
-rw-r--r-- | app/Resources/static/themes/baggy/css/save.scss | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/app/Resources/static/themes/baggy/css/save.scss b/app/Resources/static/themes/baggy/css/save.scss new file mode 100644 index 00000000..ade77b40 --- /dev/null +++ b/app/Resources/static/themes/baggy/css/save.scss | |||
@@ -0,0 +1,115 @@ | |||
1 | /* ========================================================================== | ||
2 | "save a link" related styles | ||
3 | ========================================================================== */ | ||
4 | |||
5 | .popup-form { | ||
6 | background: rgba(0, 0, 0, 0.5); | ||
7 | position: absolute; | ||
8 | top: 0; | ||
9 | left: 10em; | ||
10 | z-index: 20; | ||
11 | height: 100%; | ||
12 | width: 100%; | ||
13 | margin: 0; | ||
14 | margin-top: -30% !important; | ||
15 | padding: 2em; | ||
16 | display: none; | ||
17 | border-left: 1px #eee solid; | ||
18 | |||
19 | form { | ||
20 | background-color: #fff; | ||
21 | position: absolute; | ||
22 | top: 0; | ||
23 | left: 0; | ||
24 | z-index: 20; | ||
25 | border: 10px solid #000; | ||
26 | width: 400px; | ||
27 | height: 200px; | ||
28 | padding: 2em; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | #bagit-form-form .addurl { | ||
33 | margin-left: 0; | ||
34 | } | ||
35 | |||
36 | .closeMessage, | ||
37 | .close-button { | ||
38 | background-color: #000; | ||
39 | color: #fff; | ||
40 | font-size: 1.2em; | ||
41 | line-height: 1.6; | ||
42 | width: 1.6em; | ||
43 | height: 1.6em; | ||
44 | text-align: center; | ||
45 | text-decoration: none; | ||
46 | |||
47 | &:hover, | ||
48 | &:focus { | ||
49 | background-color: #999; | ||
50 | color: #000; | ||
51 | } | ||
52 | } | ||
53 | |||
54 | .close-button--popup { | ||
55 | display: inline-block; | ||
56 | position: absolute; | ||
57 | top: 0; | ||
58 | right: 0; | ||
59 | font-size: 1.4em; | ||
60 | } | ||
61 | |||
62 | .active-current { | ||
63 | background-color: #999; | ||
64 | |||
65 | &::after { | ||
66 | content: ""; | ||
67 | width: 0; | ||
68 | height: 0; | ||
69 | position: absolute; | ||
70 | border: 10px solid transparent; | ||
71 | border-right-color: #eee; | ||
72 | right: 0; | ||
73 | top: 50%; | ||
74 | margin-top: -10px; | ||
75 | } | ||
76 | } | ||
77 | |||
78 | .opacity03 { | ||
79 | opacity: 0.3; | ||
80 | } | ||
81 | |||
82 | .add-to-wallabag-link-after { | ||
83 | background-color: #000; | ||
84 | color: #fff; | ||
85 | padding: 0 3px 2px; | ||
86 | } | ||
87 | |||
88 | a.add-to-wallabag-link-after { | ||
89 | visibility: hidden; | ||
90 | position: absolute; | ||
91 | opacity: 0; | ||
92 | transition-duration: 2s; | ||
93 | transition-timing-function: ease-out; | ||
94 | } | ||
95 | |||
96 | #article article a:hover + a.add-to-wallabag-link-after, | ||
97 | a.add-to-wallabag-link-after:hover { | ||
98 | opacity: 1; | ||
99 | visibility: visible; | ||
100 | transition-duration: 0.3s; | ||
101 | transition-timing-function: ease-in; | ||
102 | } | ||
103 | |||
104 | a.add-to-wallabag-link-after::after { | ||
105 | content: "w"; | ||
106 | } | ||
107 | |||
108 | #add-link-result { | ||
109 | font-weight: bold; | ||
110 | font-size: 0.9em; | ||
111 | } | ||
112 | |||
113 | .btn-clickable { | ||
114 | cursor: pointer; | ||
115 | } | ||