DRev 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ # frozen_string_literal: true
2
+
3
+ # rubocop: disable Style/HashSyntax
4
+ require 'bundler/gem_tasks'
5
+ task :default => :spec
6
+ # rubocop: enable Style/HashSyntax
@@ -0,0 +1,24 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require_relative '../lib/scanner.rb'
4
+ require_relative '../lib/init_msg.rb'
5
+
6
+ def init_read(file)
7
+ read = DRev::Scanner.new(file)
8
+ str = read.scn
9
+ str
10
+ end
11
+
12
+ msg = DRev::InitMsg.new
13
+
14
+ files = Dir.glob(File.join('**', '*.css')).reject { |f| f['spec/'] }
15
+ puts msg.init_start(files.count)
16
+ counter = 0
17
+ files.each do |file|
18
+ counter += 1
19
+ puts msg.file_start(file, counter)
20
+ print init_read(file)
21
+ puts msg.file_end
22
+ print "\n NO ERRORS FOUND! GREAT JOB!\n" if init_read(file).split.empty? == true
23
+ end
24
+ puts msg.init_end(counter)
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require 'bundler/setup'
4
+ require 'DRev'
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require 'irb'
14
+ IRB.start(__FILE__)
@@ -0,0 +1,8 @@
1
+ #!/usr/bin/env bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+ set -vx
5
+
6
+ bundle install
7
+
8
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,350 @@
1
+ body {
2
+ background-color: rgb(236, 238, 241);
3
+ font-family: AvenirNext, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
4
+ }
5
+
6
+ .main-grid {
7
+ display: grid;
8
+ grid-template-rows: 10% fit-content(35px) fit-content(35px) fit-content(700px) 13%;
9
+ }
10
+
11
+ .main-frm p {
12
+ margin: 0;
13
+ margin-bottom: 24px;
14
+ padding: 0;
15
+ padding-top: 6px;
16
+ font-size: 10px;
17
+ color: #444;
18
+ }
19
+
20
+ .sign-in-left {
21
+ display: grid;
22
+ grid-template-columns: 67% 33%;
23
+ float: right;
24
+ width: 350px;
25
+ }
26
+
27
+ .sign-in-left div {
28
+ margin-right: 3px;
29
+ }
30
+
31
+ .sign-in-label {
32
+ width: 100%;
33
+ }
34
+
35
+ .sign-in-label p {
36
+ color: rgb(80, 80, 80);
37
+ line-height: 18px;
38
+ font-size: 12px;
39
+ font-weight: 400;
40
+ margin: 0;
41
+ padding: 0;
42
+ text-align: right;
43
+ }
44
+
45
+ .sign-in-label a {
46
+ text-decoration: none;
47
+ }
48
+
49
+ .btn-style {
50
+ background-image: url(https://plugin.intuitcdn.net/identity-authn-core-ui/images/icon-whitelock@3x-76f33cec.png);
51
+ background-size: 10px auto;
52
+ background-repeat: no-repeat;
53
+ background-position-y: center;
54
+ cursor: pointer;
55
+ background-color: rgb(0, 119, 197);
56
+ color: whitesmoke;
57
+ border-radius: 5px;
58
+ border: solid 0.5px #585858;
59
+ text-align: center;
60
+ }
61
+
62
+ .sign-in-button button {
63
+ background-position-x: 20px;
64
+ font-size: 13.5px;
65
+ font-weight: 400;
66
+ height: 34px;
67
+ width: 103px;
68
+ margin: 0 0 0 8px;
69
+ padding-left: 20px;
70
+ }
71
+
72
+ .logo {
73
+ text-align: center;
74
+ }
75
+
76
+ .logo img {
77
+ width: 118px;
78
+ height: 35px;
79
+ object-fit: none;
80
+ object-position: 0 0;
81
+ }
82
+
83
+ .icons {
84
+ margin-top: 20px;
85
+ align-items: center;
86
+ display: grid;
87
+ justify-content: center;
88
+ }
89
+
90
+ .icons ul {
91
+ margin: 0;
92
+ padding: 0;
93
+ display: inline;
94
+ }
95
+
96
+ .icons li {
97
+ display: inline;
98
+ }
99
+
100
+ .mint-favicon {
101
+ background-repeat: no-repeat;
102
+ }
103
+
104
+ .icon-1 button {
105
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/mint-favicon-4accf8f4.svg");
106
+ width: 23px;
107
+ height: 23px;
108
+ background-color: transparent;
109
+ border: none;
110
+ background-repeat: no-repeat;
111
+ }
112
+
113
+ .mint-favicon button {
114
+ margin-right: 4px;
115
+ width: 23px;
116
+ height: 23px;
117
+ background-color: transparent;
118
+ border: none;
119
+ background-repeat: no-repeat;
120
+ }
121
+
122
+ .icon-2 button {
123
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/quickbooks-favicon@2x-c89488e8.svg");
124
+ }
125
+
126
+ .icon-3 button {
127
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/tt-favicon@2x-fbd64ab8.svg");
128
+ }
129
+
130
+ .mint-text button {
131
+ background-color: transparent;
132
+ border: none;
133
+ background-repeat: no-repeat;
134
+ margin-right: 9px;
135
+ }
136
+
137
+ .text-1 button {
138
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/mint-text-0fa36974.svg");
139
+ width: 37px;
140
+ height: 20px;
141
+ }
142
+
143
+ .text-2 button {
144
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/quick-books-text-db6c72bf.svg");
145
+ width: 98px;
146
+ height: 22px;
147
+ }
148
+
149
+ .text-3 button {
150
+ background-image: url("https://plugin.intuitcdn.net/identity-authn-core-ui/images/turbo-tax-text-9bc025c5.svg");
151
+ width: 74px;
152
+ height: 22px;
153
+ }
154
+
155
+ .frm {
156
+ justify-content: center;
157
+ display: grid;
158
+ }
159
+
160
+ .frm-container {
161
+ text-align: center;
162
+ background-color: white;
163
+ padding: 30px;
164
+ margin-top: 20px;
165
+ border-color: rgb(199, 199, 199);
166
+ border-style: solid;
167
+ border-width: 1px;
168
+ border-radius: 2px;
169
+ border-bottom: none;
170
+ }
171
+
172
+ .frm-header h1 {
173
+ color: rgb(76, 76, 76);
174
+ font-size: 24px;
175
+ font-weight: 400;
176
+ margin: 0;
177
+ padding: 0;
178
+ }
179
+
180
+ .frm-header h2 {
181
+ color: rgb(76, 76, 76);
182
+ font-size: 14px;
183
+ font-weight: 300;
184
+ margin: 0;
185
+ padding: 0;
186
+ }
187
+
188
+ .frm-header a {
189
+ color: rgb(0, 119, 197);
190
+ font-size: 12px;
191
+ font-weight: 300;
192
+ margin: 0;
193
+ padding: 0;
194
+ text-decoration: none;
195
+ }
196
+
197
+ .frm-header div {
198
+ padding-top: 20px;
199
+ }
200
+
201
+ .main-frm {
202
+ display: grid;
203
+ }
204
+
205
+ .main-frm label {
206
+ color: rgb(64, 64, 64);
207
+ font-size: 14px;
208
+ font-weight: 400px;
209
+ padding-bottom: 6px;
210
+ line-height: 25px;
211
+ text-align: left;
212
+ }
213
+
214
+ .main-frm input {
215
+ font-family: AvenirNext, Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
216
+ height: 34px;
217
+ font-size: 16.8px;
218
+ font-weight: 400px;
219
+ padding-left: 8px;
220
+ border-color: rgb(193, 197, 200);
221
+ border-style: solid;
222
+ border-width: 1px;
223
+ border-radius: 3px;
224
+ }
225
+
226
+ .main-frm div {
227
+ display: grid;
228
+ text-align: left !important;
229
+ }
230
+
231
+ .pwd input {
232
+ background-image: url(https://plugin.intuitcdn.net/identity-authn-core-ui/images/lock-left-grey@3x-a1ab5bd1.png);
233
+ background-repeat: no-repeat;
234
+ background-size: 20px auto;
235
+ background-position-x: 96%;
236
+ background-position-y: center;
237
+ }
238
+
239
+ .frm-btn button {
240
+ background-position-x: 32%;
241
+ font-size: 15.75px;
242
+ font-weight: 400px;
243
+ height: 44px;
244
+ width: 100%;
245
+ padding-left: 10%;
246
+ background-size: 12px auto;
247
+ margin-bottom: 30px;
248
+ }
249
+
250
+ .frm-footer {
251
+ margin-top: 20px;
252
+ }
253
+
254
+ .frm-footer p {
255
+ font-size: 12px;
256
+ color: rgb(117, 117, 117);
257
+ font-style: italic;
258
+ line-height: 18px;
259
+ margin: 5px;
260
+ }
261
+
262
+ .frm-footer a {
263
+ text-decoration: none;
264
+ color: rgb(0, 119, 197);
265
+ }
266
+
267
+ .re-captcha {
268
+ border-color: rgb(199, 199, 199);
269
+ border-style: solid;
270
+ border-width: 1px;
271
+ border-radius: 2px;
272
+ border-top: none;
273
+ padding: 20px;
274
+ text-align: center;
275
+ }
276
+
277
+ .re-captcha p {
278
+ color: rgb(141, 144, 150);
279
+ font-size: 10px;
280
+ font-weight: 400px;
281
+ margin: 0;
282
+ padding: 0;
283
+ }
284
+
285
+ .re-captcha a {
286
+ text-decoration: none;
287
+ color: rgb(0, 119, 197);
288
+ }
289
+
290
+ .page-footer {
291
+ text-align: center;
292
+ margin: 30px;
293
+ }
294
+
295
+ .page-footer ul {
296
+ margin: 0;
297
+ padding: 0;
298
+ }
299
+
300
+ .page-footer li {
301
+ display: inline;
302
+ padding-right: 10px;
303
+ }
304
+
305
+ .page-footer a {
306
+ color: rgb(80, 80, 80);
307
+ font-size: 12px;
308
+ line-height: 18px;
309
+ font-weight: 400px;
310
+ padding: 0;
311
+ margin: 0;
312
+ text-decoration: none;
313
+ }
314
+
315
+ .page-footer p {
316
+ color: rgb(80, 80, 80);
317
+ font-size: 12px;
318
+ line-height: 18px;
319
+ font-weight: 400px;
320
+ padding: 0;
321
+ margin: 0;
322
+ text-decoration: none;
323
+ }
324
+
325
+ .fixed-button button {
326
+ position: fixed;
327
+ right: 5%;
328
+ bottom: 0;
329
+ color: whitesmoke;
330
+ background-color: rgb(107, 108, 114);
331
+ border-radius: 6px;
332
+ font-size: 14px;
333
+ font-weight: 400px;
334
+ line-height: 21px;
335
+ padding: 10px 12px;
336
+ border-style: solid;
337
+ border: solid;
338
+ }
339
+
340
+ .sign-in-label a p {
341
+ color: rgb(0, 119, 197);
342
+ line-height: 18px;
343
+ font-size: 12px;
344
+ font-weight: 400;
345
+ margin: 0;
346
+ padding: 0;
347
+ text-align: right;
348
+ width: 100%;
349
+ }
350
+
@@ -0,0 +1,582 @@
1
+ .page-setup {
2
+ min-height: 100%;
3
+ display: grid;
4
+ grid-template-areas:
5
+ 'header header header'
6
+ 'left main rigth'
7
+ 'left main rigth';
8
+ grid-template-rows: 50px 95vw;
9
+ min-width: 860px;
10
+ font-family: Roboto, Arial, sans-serif;
11
+ grid-template-columns: 2% 72% 25%;
12
+ background-color: whitesmoke;
13
+ margin: 0%;
14
+
15
+ }
16
+
17
+ .nav-bar {
18
+ grid-area: header;
19
+ display: grid;
20
+ text-align: center;
21
+ grid-template-columns: 15% 60% 25%;
22
+ height: 50px;
23
+ background-color: white;
24
+ }
25
+
26
+ .search-container div {
27
+ display: inline-flex;
28
+ width: 80%;
29
+ min-height: 30px;
30
+ }
31
+
32
+ .logo {
33
+ display: inline-flex;
34
+ height: auto;
35
+ min-width: 135px;
36
+ margin: 10px;
37
+ justify-content: center;
38
+ align-items: center;
39
+ }
40
+
41
+ .logo div {
42
+ display: inline-flex;
43
+ }
44
+
45
+ .search-container {
46
+ display: inline-flex;
47
+ justify-content: center;
48
+ align-items: center;
49
+ min-width: 400px;
50
+ }
51
+
52
+ .search-bar {
53
+ width: 90%;
54
+ min-width: 350px;
55
+ padding-left: 10px;
56
+ margin: 0%;
57
+ border: 1px solid rgb(200, 200, 200);
58
+ }
59
+
60
+ .search-button {
61
+ width: 10%;
62
+ min-width: 50px;
63
+ padding: 0%;
64
+ margin: 0%;
65
+ background-image: url("imgs/search.svg");
66
+ background-repeat: no-repeat;
67
+ background-position: center;
68
+ background-color: transparent;
69
+ border: 1px solid rgb(200, 200, 200);
70
+ border-left: transparent;
71
+ }
72
+
73
+ .menu-top {
74
+ display: inline-flex;
75
+ justify-content: center;
76
+ align-items: center;
77
+ }
78
+
79
+ .menu-top button {
80
+ width: 10%;
81
+ min-width: 25px;
82
+ padding: 0;
83
+ margin-left: 25px;
84
+ border-style: none;
85
+ background-color: transparent;
86
+ }
87
+
88
+ .menu-top img {
89
+ width: 25px;
90
+ }
91
+
92
+ .logo img {
93
+ width: 80px;
94
+ }
95
+
96
+ .main-video {
97
+ margin: 10px;
98
+ grid-area: main;
99
+ }
100
+
101
+ .video {
102
+ position: relative;
103
+ height: 60vh;
104
+ width: 100%;
105
+ }
106
+
107
+ .video embed {
108
+ width: 100%;
109
+ height: 100%;
110
+ }
111
+
112
+ .info-video {
113
+ display: block;
114
+ font-family: Roboto, Arial, sans-serif;
115
+ }
116
+
117
+ .info-video-data {
118
+ margin-bottom: 2%;
119
+ }
120
+
121
+ .info-video a {
122
+ font-size: 8px;
123
+ }
124
+
125
+ .info-video button {
126
+ border-style: none;
127
+ background-color: transparent;
128
+ }
129
+
130
+ .info-video button p {
131
+ padding: 2px;
132
+ font-size: 13px;
133
+ color: rgb(96, 96, 96);
134
+ font-weight: 500;
135
+ }
136
+
137
+ .info-video button img {
138
+ padding: 2px;
139
+ }
140
+
141
+ .info-video button div {
142
+ display: inline-flex;
143
+ }
144
+
145
+ .info-video h2 {
146
+ margin: 0px;
147
+ }
148
+
149
+ .info-video h6 {
150
+ margin: 8px 0px;
151
+ font-size: 14px;
152
+ color: rgb(96, 96, 96);
153
+ font-weight: 400;
154
+ }
155
+
156
+ .wrapped-info-video {
157
+ display: grid;
158
+ grid-template-columns: 50% 50%;
159
+ height: 30px;
160
+ align-items: center;
161
+ }
162
+
163
+
164
+ .info-video-data a {
165
+ margin: 0px;
166
+ color: rgb(42, 107, 228);
167
+ text-decoration: none;
168
+ font-size: 11px;
169
+ }
170
+
171
+ .info-video-data h2 {
172
+ margin: 0px;
173
+ font-size: 18px;
174
+ font-weight: 400;
175
+ }
176
+
177
+ .right {
178
+ float: right;
179
+ }
180
+
181
+ .left {
182
+ float: left;
183
+ margin: -2% 0px;
184
+ }
185
+
186
+ .uploader-info {
187
+ width: 100%;
188
+ display: grid;
189
+ grid-template-areas: 'left1 bottom1 right1'
190
+ 'left1 bottom1 right1'
191
+ 'left1 bottom1 right1';
192
+ grid-template-columns: fit-content(60px) 75% 20%;
193
+ }
194
+
195
+ .uploader-info a {
196
+ font-size: 8pt;
197
+ }
198
+
199
+ .uploader-img {
200
+ grid-area: left1;
201
+ margin-right: 10px;
202
+ }
203
+
204
+ .gridright {
205
+ display: inline-block;
206
+ text-align: right;
207
+ grid-area: right1;
208
+ }
209
+
210
+ .gridright input {
211
+ border: none;
212
+ background-color: rgb(210, 0, 0);
213
+ font-weight: 500;
214
+ font-size: 12px;
215
+ color: white;
216
+ padding: 8px;
217
+ border-radius: 2px;
218
+ }
219
+
220
+ .gridright input:hover {
221
+ cursor: pointer;
222
+ }
223
+
224
+ .gridright input:focus {
225
+ border: transparent;
226
+ }
227
+
228
+ .uploader-content {
229
+ grid-area: bottom1;
230
+ }
231
+
232
+ .uploader-user div {
233
+ display: inline-flex;
234
+ align-items: center;
235
+ }
236
+
237
+ .uploader-user h6 {
238
+ margin: 0px;
239
+ color: black;
240
+ font-style: normal;
241
+ font-weight: 600;
242
+ font-size: 13px;
243
+ }
244
+
245
+ .uploader-user p {
246
+ margin: 0px;
247
+ font-size: 10px;
248
+ color: rgb(100, 100, 100);
249
+ font-weight: 200;
250
+ }
251
+
252
+ .uploader-description {
253
+ margin: 20px 0px;
254
+ }
255
+
256
+ .uploader-description p {
257
+ margin: 0px;
258
+ font-size: 13px;
259
+ color: black;
260
+ font-size: 10px;
261
+ }
262
+
263
+ .uploader-description a {
264
+ margin: 0px;
265
+ color: rgb(42, 107, 228);
266
+ text-decoration: none;
267
+ }
268
+
269
+ .uploader-button input {
270
+ font-weight: 600;
271
+ font-size: 11px;
272
+ border: none;
273
+ background-color: transparent;
274
+ color: rgb(100, 100, 100);
275
+ padding: 0px;
276
+ }
277
+
278
+ .side-bar {
279
+ width: 100%;
280
+ grid-area: rigth;
281
+ margin: 2%;
282
+ }
283
+
284
+ .side-bar-data {
285
+ height: 5.5vw;
286
+ min-width: 250px;
287
+ min-height: 80px;
288
+ }
289
+
290
+ .side-bar-data a {
291
+ height: 100%;
292
+ display: grid;
293
+ grid-template-areas: '1left 1center' !important;
294
+ grid-template-columns: 40% 60%;
295
+ margin: 2%;
296
+ text-decoration: none;
297
+ }
298
+
299
+ .side-bar-img {
300
+ display: inline-block;
301
+ }
302
+
303
+ .side-bar-img img {
304
+ width: 100%;
305
+ }
306
+
307
+ .side-bar-content {
308
+ height: 100%;
309
+ }
310
+
311
+ .side-bar p {
312
+ font-size: 12px;
313
+ margin: 0px 10px 0px 10px;
314
+ color: grey;
315
+ height: 16px
316
+ }
317
+
318
+ .side-bar h1 {
319
+ font-size: 14px;
320
+ margin: 0px 10px 0px 10px;
321
+ color: black;
322
+ word-break: break-word;
323
+ display: block;
324
+ max-height: 35px;
325
+ overflow: hidden;
326
+ }
327
+
328
+ .side-bar h2 {
329
+ font-size: 14px;
330
+ margin: 0px 10px 0px 10px;
331
+ color: grey;
332
+ height: 20%;
333
+ font-weight: 300;
334
+ }
335
+
336
+ .line {
337
+ border-style: solid;
338
+ border-color: lightgray;
339
+ border-width: 1px 0px 0px 0px;
340
+ margin: 10px 5px 10px 5px;
341
+ }
342
+
343
+ .side-bar-top-buttons {
344
+ display: grid;
345
+ grid-template-columns: 50% 50%;
346
+ }
347
+
348
+ .side-bar-top-buttons div {
349
+ display: inline-flex;
350
+ align-items: center;
351
+ }
352
+
353
+ .side-bar-top-buttons p {
354
+ color: rgb(80, 80, 80);
355
+ }
356
+
357
+ .side-bar h3 {
358
+ font-weight: 300;
359
+ font-size: 16px;
360
+ }
361
+
362
+ .switch {
363
+ position: relative;
364
+ display: inline-block;
365
+ width: 30px;
366
+ height: 11px;
367
+ }
368
+
369
+ .switch input {
370
+ opacity: 0;
371
+ width: 0;
372
+ height: 0;
373
+ }
374
+
375
+ .slider {
376
+ position: absolute;
377
+ cursor: pointer;
378
+ top: 0;
379
+ left: 0;
380
+ right: 0;
381
+ bottom: 0;
382
+ background-color: lightgray;
383
+ -webkit-transition: .4s;
384
+ transition: .4s;
385
+ }
386
+
387
+ .slider:before {
388
+ position: absolute;
389
+ content: "";
390
+ height: 13px;
391
+ width: 13px;
392
+ left: 2px;
393
+ bottom: -1px;
394
+ background-color: #eee;
395
+ -webkit-transition: .4s;
396
+ transition: .4s;
397
+ }
398
+
399
+ input:checked+.slider {
400
+ background-color: lightgray;
401
+ }
402
+
403
+ input:focus+.slider {
404
+ box-shadow: 0 0 1px #2196F3;
405
+ }
406
+
407
+ input:checked+.slider:before {
408
+ -webkit-transform: translateX(13px);
409
+ -ms-transform: translateX(13px);
410
+ transform: translateX(13px);
411
+ background-color: cornflowerblue;
412
+ }
413
+
414
+ /* Rounded sliders */
415
+ .slider.round {
416
+ border-radius: 34px;
417
+
418
+ }
419
+
420
+ .slider.round:before {
421
+ border-radius: 50%;
422
+ }
423
+
424
+ .comments {
425
+ margin-bottom: 25px;
426
+ }
427
+
428
+ .comment-interaction {
429
+ display: grid;
430
+ margin-bottom: 15px;
431
+ }
432
+
433
+ .comment-interaction p {
434
+ font-size: 16px;
435
+ font-weight: 400;
436
+ }
437
+
438
+ .comment-interaction button {
439
+ border-style: none;
440
+ background-color: transparent;
441
+ display: inline-flex;
442
+ align-items: center;
443
+ margin-left: 25px;
444
+ }
445
+
446
+ .comment-interaction button div {
447
+ display: inline-flex;
448
+ }
449
+
450
+ .comment-interaction img {
451
+ width: 48px;
452
+ margin-right: 10px;
453
+ }
454
+
455
+ .comment-interaction button img {
456
+ width: 18px;
457
+ margin: 0;
458
+ }
459
+
460
+ .comment-interaction input {
461
+ color: black;
462
+ border: none;
463
+ background-color: transparent;
464
+ border-bottom: rgb(218, 218, 218) 1px solid;
465
+ height: 25px;
466
+ width: 100%;
467
+ }
468
+
469
+ .comment-interaction button p {
470
+ display: block;
471
+ color: #606060;
472
+ }
473
+
474
+ .comment-interaction div {
475
+ display: inline-flex;
476
+ }
477
+
478
+ .comment-module {
479
+ widows: 100%;
480
+ display: grid;
481
+ grid-template-areas: 'left-comment right-comment right-comment'
482
+ 'left-comment right-comment right-comment'
483
+ 'left-comment right-comment right-comment';
484
+ grid-template-columns: fit-content(60px) 88% 5%;
485
+ margin: 0px;
486
+ }
487
+
488
+ .comment-module img {
489
+ grid-area: left-comment;
490
+ margin-right: 10px;
491
+ }
492
+
493
+ .comment-info {
494
+ display: block;
495
+ height: 50%;
496
+ grid-area: right-comment;
497
+ }
498
+
499
+
500
+
501
+ .comment-user {
502
+ display: inline-flex;
503
+ grid-area: right-comment;
504
+ align-items: center;
505
+ height: 25px;
506
+ }
507
+
508
+ .comment-user p {
509
+ font-size: 13px;
510
+ font-weight: 600;
511
+ font-style: normal;
512
+ color: black;
513
+ }
514
+
515
+ .comment-user a p {
516
+ font-weight: 100;
517
+ text-decoration: none;
518
+ margin-left: 4px;
519
+ font-size: 8pt;
520
+ color: rgb(120, 120, 120);
521
+ }
522
+
523
+ .comment-user a {
524
+ text-decoration: none;
525
+ }
526
+
527
+ .comment-content {
528
+ display: block;
529
+ grid-area: right-comment;
530
+ word-break: break-word;
531
+ overflow: hidden;
532
+ font-size: 14px;
533
+ }
534
+
535
+ .comment-content p {
536
+ margin: 0;
537
+ }
538
+
539
+ .coment-view {
540
+ display: flex;
541
+ align-items: center;
542
+ }
543
+
544
+ .comment-icons {
545
+ display: inline-flex;
546
+ align-items: center;
547
+ }
548
+
549
+ .comment-icons button {
550
+ display: flex;
551
+ }
552
+
553
+ .comment-icons div {
554
+ align-items: center;
555
+
556
+ }
557
+
558
+ .comment-icons img {
559
+ height: 18px;
560
+ width: 18px;
561
+ }
562
+
563
+ .comment-icons p {
564
+ font-weight: 500;
565
+ font-size: 12px;
566
+ margin: 0;
567
+ }
568
+
569
+ .no-margin {
570
+ margin: 0;
571
+ }
572
+
573
+ .view-replies {
574
+ font-size: 14px;
575
+ font-weight: 1500;
576
+ color: rgb(6, 95, 212);
577
+ letter-spacing: 0.007px;
578
+ }
579
+
580
+ .round {
581
+ border-radius: 50%;
582
+ }