help_center 0.0.6 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,140 +0,0 @@
1
- @import "font-awesome-sprockets";
2
- @import "font-awesome";
3
-
4
- /* Allow pagination to be centered */
5
- .help_center .support-threads-nav nav {
6
- display: inline-block;
7
- }
8
-
9
- /* Highlight the active navigation item in the sidebar */
10
- .help_center .support-thread-filters {
11
- a {
12
- color: #555;
13
- }
14
-
15
- .active {
16
- color: #2a326d;
17
- font-weight: 500;
18
- padding: 0.25rem;
19
- }
20
- }
21
-
22
- /* Formatting for the support threads */
23
- .help_center .support-thread {
24
- margin-bottom: -20px;
25
-
26
- h4 {
27
- margin-bottom: 4px;
28
-
29
- a {
30
- color: #222;
31
- font-size: 16px;
32
- font-weight: normal;
33
- line-height: 1.1;
34
- }
35
- }
36
- }
37
-
38
- .help_center .support-thread-filters a {
39
- color: #555555;
40
- display: block;
41
-
42
- &:hover {
43
- color: #bfbfbf;
44
- text-decoration: none
45
- }
46
- }
47
-
48
- .help_center .thread-details {
49
- color: #999;
50
- font-size: 12px;
51
- text-transform: uppercase;
52
- display: flex;
53
- flex-direction: column;
54
- }
55
-
56
- .help_center .thread-reaction {
57
- background: #eeeeee;
58
- padding: 1rem;
59
- text-align: center;
60
- border-radius: 0.5rem;
61
- margin-top: 2rem;
62
- }
63
-
64
- .help_center .thread-reaction-links {
65
- font-size: 2rem;
66
- margin: 0.25rem;
67
- }
68
-
69
- /* Display the support post count above the "posts" text on the index page */
70
- .help_center .thread-posts-count {
71
- color: #222;
72
- text-align: center;
73
-
74
- span, small {
75
- display: block;
76
- }
77
-
78
- .count {
79
- font-size: 1.5em;
80
- font-weight: 300;
81
- line-height: 1em;
82
- }
83
-
84
- &:hover {
85
- color: #222;
86
- text-decoration: none;
87
- }
88
- }
89
-
90
- /* Formatting for the support posts themselves */
91
- .help_center .support-post {
92
- position: relative;
93
-
94
- /* When the URL anchor matches a post id, highlight that item */
95
- &:target {
96
- background-color: rgb(248, 238, 199);
97
- }
98
-
99
- /* Fill this out if you want to highlight the OPs posts */
100
- &.original-poster {
101
- }
102
-
103
- &.solved {
104
- border: 2px solid #5cb85c;
105
- }
106
- }
107
-
108
- /* Formatting for the support hr to match card border */
109
- .help_center hr {
110
- border: 0;
111
- border-top: 1px solid rgba(0, 0, 0, 0.125);
112
- margin: 24px -20px;
113
- }
114
-
115
- // Forms
116
- .help_center label {
117
- margin-bottom: 0.5rem;
118
- }
119
-
120
- .help_center .form-input, .form-select {
121
- display: block;
122
- width: 100%;
123
- font-size: 0.875rem;
124
- line-height: 1.25rem;
125
- }
126
-
127
- .help_center input[type="color" i] {
128
- appearance: square-button;
129
- width: 44px;
130
- height: 23px;
131
- background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
132
- cursor: default;
133
- border-width: 1px;
134
- border-style: solid;
135
- border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
136
- border-image: initial;
137
- padding: 1px 2px;
138
- }
139
-
140
-