Editorial-CMS-Pro/index.css at main · gresas/Editorial-CMS-Pro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* CSS Crítico para Componentes Customizados */

/* Esconder scrollbar em todos os navegadores */
* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}

body {
  -webkit-tap-highlight-color: transparent;
}

/* Estilos do Editor de Notícias (ContentEditable) */
#editor-content {
  min-height: 600px;
  outline: none;
  padding-bottom: 400px;
  cursor: text;
}

#editor-content:empty:before {
  content: "Digite o corpo da notícia aqui...";
  color: #9ca3af; /* text-gray-400 */
  pointer-events: none;
  display: block;
}

.dark #editor-content:empty:before {
  color: #4b5563; /* text-gray-600 */
}

#editor-content p {
  margin-bottom: 1.25rem;
  line-height: 1.625;
  font-size: 1.125rem;
}

#editor-content img {
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  margin: 2rem auto;
  max-width: 100%;
}

.leia-mais-block {
  margin: 1.5rem 0;
  user-select: none;
}

/* Material Icons Helpers */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

.fill-icon {
  font-variation-settings: 'FILL' 1;
}

/* Animações */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}