_icons.scss 5.14 KB
Newer Older
1
// Extra icons to fit db defiend tyopes (cf pagebuilder)
2 3 4 5 6 7 8 9
.icon { //fontawesome solid is the default
    font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
    font-weight: 900;
    &.icon-regular {
        font-family: "Font Awesome 5 Free Regular", "Font Awesome 5 Free" !important;
        font-weight: 400;
    }
    &.icon-brand {
10
        font-family: "Font Awesome 5 Brands Regular", "Font Awesome 5 Free" !important;
11 12
        font-weight: 400;
    }
13 14 15 16 17 18
    &.right {
        padding-left: 5px;
    }
    &.left {
        padding-right: 5px;
    }
19 20 21 22
    &.block-loading {
        margin-top: 20px;
        margin-left: 30px;
    }
23
}
24

25
.icon-placeholder {
26 27 28
    opacity:0;
    pointer-events: none;
    cursor: default;
29 30
}

31
.icon-annotation:before {
32
    content: fa-content($fa-var-pen-square);
33
}
34
.icon-peerassessment:before {
35
    content: fa-content($fa-var-list-alt);
36
}
37
.icon-signoff:before {
38
    content: fa-content($fa-var-check-square);
39
}
40 41
.icon-fileimagevideo:before,
.icon-video:before {
42
    content: fa-content($fa-var-film);
43
}
44
.icon-blog:before {
45
    content: fa-content($fa-var-pen);
46
}
47

Pat Kira's avatar
Pat Kira committed
48 49
.icon-general:before,
.icon-occupation:before {
50
    content: fa-content($fa-var-briefcase);
51 52
}

53
.icon-internal:before {
54
    content: fa-content($fa-var-user);
55 56
}

57
.icon-external:before {
58
    content: fa-content($fa-var-external-link-alt);
59 60
}

61
.icon-text:before {
62
    content: fa-content($fa-var-font);
63 64
}

65
.icon-filedownload:before {
66
    content: fa-content($fa-var-download);
67 68
}

69
.icon-gallery:before {
70
    content: fa-content($fa-var-image);
71 72
}

73
.icon-internalmedia:before {
74
    content: fa-content($fa-var-video);
75 76
}

77
.icon-pdf:before {
78
    content: fa-content($fa-var-file-pdf);
79
}
Pat Kira's avatar
Pat Kira committed
80 81 82 83

.icon-blogaddress:before,
.icon-officialwebsite:before,
.icon-personalwebsite:before {
84
    content: fa-content($fa-var-rss);
Pat Kira's avatar
Pat Kira committed
85 86
}

87
.icon-html:before {
88
    content: fa-content($fa-var-code);
89 90
}

Pat Kira's avatar
Pat Kira committed
91
.icon-view:before,
92
.icon-myviews:before,
93
.icon-groupviews:before {
94
    content: fa-content($fa-var-file);
95 96
}

Pat Kira's avatar
Pat Kira committed
97 98 99 100 101 102 103 104 105 106 107 108
.icon-personalskill:before,
.icon-personalgoal:before,
.icon-membership:before,
.icon-employmenthistory:before,
.icon-workskill:before,
.icon-workgoal:before,
.icon-academicskill:before,
.icon-academicgoal:before,
.icon-careergoal:before,
.icon-coverletter:before,
.icon-educationhistory:before,
.icon-interest:before,
109
.icon-blogpost:before {
110
    content: fa-content($fa-var-file-alt);
111 112
}

Pat Kira's avatar
Pat Kira committed
113
.icon-certification:before {
114
    content: fa-content($fa-var-certificate);
Pat Kira's avatar
Pat Kira committed
115 116
}

117
.icon-recentposts:before {
118
    content: fa-content($fa-var-clock);
119 120
}

121
.icon-taggedposts:before {
122
    content: fa-content($fa-var-tags);
123 124
}

125
.icon-creativecommons:before {
126
    content: fa-content($fa-var-creative-commons);
127 128
}

129
.icon-navigation:before {
130
    content: fa-content($fa-var-location-arrow);
131
}
Pat Kira's avatar
Pat Kira committed
132

133
.icon-newviews:before {
134
    content: fa-content($fa-var-file);
135
}
Pat Kira's avatar
Pat Kira committed
136

137
.icon-plans:before {
138
    content: fa-content($fa-var-map);
139 140 141
}

.icon-tasks:before {
142
    content: fa-content($fa-var-tasks);
143
}
Pat Kira's avatar
Pat Kira committed
144

145
.icon-recentforumposts:before {
146
    content: fa-content($fa-var-comments);
147 148
}

149
.icon-textbox:before {
150
    content: fa-content($fa-var-pen-square);
151
}
Pat Kira's avatar
Pat Kira committed
152

153
.icon-watchlist:before {
154
    content: fa-content($fa-var-eye);
155 156
}

157 158
.icon-groupinfo:before,
.icon-profileinfo:before {
159
    content: fa-content($fa-var-info);
160 161
}

162
.icon-socialprofile:before {
163
    content: fa-content($fa-var-thumbs-up);
164 165
}

166
.icon-entireresume:before {
167
    content: fa-content($fa-var-star);
168 169
}

170
.icon-resumefield:before {
171
    content: fa-content($fa-var-star-half);
172 173
}

174
.icon-myfriends:before {
175
    content: fa-content($fa-var-user-plus);
176 177
}

178 179
.icon-groupmembers:before,
.icon-mygroups:before {
180
    content: fa-content($fa-var-users);
181 182
}

183
.icon-externalfeed:before {
184
    content: fa-content($fa-var-rss);
185 186
}

187
.icon-externalvideo:before {
188
    content: fa-content($fa-var-youtube);
189 190
}

191
.icon-googleapps:before {
192
    content: fa-content($fa-var-google);
193 194
}

195
.icon-wall:before {
196
    content: fa-content($fa-var-quote-left);
197 198
}

199
.icon-audio:before {
200
    content: fa-content($fa-var-music);
201 202
}

Pat Kira's avatar
Pat Kira committed
203
.icon-task:before {
204
    content: fa-content($fa-var-tasks);
Pat Kira's avatar
Pat Kira committed
205 206 207
}

.icon-plan:before {
208
    content: fa-content($fa-var-calendar-check);
Pat Kira's avatar
Pat Kira committed
209 210 211
}

.icon-collection:before {
212
    content: fa-content($fa-var-folder-open);
Pat Kira's avatar
Pat Kira committed
213 214 215
}

.icon-introduction:before {
216
    content: fa-content($fa-var-file-alt);
Pat Kira's avatar
Pat Kira committed
217 218 219 220
}

.icon-homenumber:before,
.icon-businessnumber:before {
221
    content: fa-content($fa-var-phone);
Pat Kira's avatar
Pat Kira committed
222 223 224
}

.icon-address:before {
225
    content: fa-content($fa-var-road);
Pat Kira's avatar
Pat Kira committed
226 227 228
}

.icon-town:before {
229
    content: fa-content($fa-var-home);
Pat Kira's avatar
Pat Kira committed
230 231 232
}

.icon-city:before {
233
    content: fa-content($fa-var-building);
Pat Kira's avatar
Pat Kira committed
234 235 236
}

.icon-country:before {
237
    content: fa-content($fa-var-globe);
Pat Kira's avatar
Pat Kira committed
238 239 240
}

.icon-personalinformation:before {
241
    content: fa-content($fa-var-sticky-note);
Pat Kira's avatar
Pat Kira committed
242 243 244
}

.icon-studentid:before {
245
    content: fa-content($fa-var-graduation-cap);
Pat Kira's avatar
Pat Kira committed
246 247 248
}

.icon-mobilenumber:before {
249
    content: fa-content($fa-var-mobile);
Pat Kira's avatar
Pat Kira committed
250
}
251 252 253

.icon-on-hover {

254 255 256 257 258 259 260 261 262 263 264 265
    ~ .icon-action {
        opacity: 0;
        visibility: hidden;
        padding-top: 5px;
    }
    &:hover {
        ~ .icon {
            opacity: 1;
            visibility: visible;
            &.text-watermark {
                opacity: 0.2;
            }
266 267
        }
    }
268 269 270 271
}

.icon-fieldset {
    padding-right: 20px;
272
}
Pat Kira's avatar
Pat Kira committed
273 274

.mahara-rss-icon {
275
    color: $rss-icon-color;
Pat Kira's avatar
Pat Kira committed
276
}