fyindr
/
siimee
Прати 4
Волим 3
Креирај огранак 1
Код Захтеви за спајање 1 Издања 4 Вики Activity
Преглед изворни кода

:art: moved app icons into sass file and removed style tag from html

tabs-content
K Rob пре 3 година
родитељ
2133096135
комит
38c317fa3d
4 измењених фајлова са 156 додато и 156 уклоњено
Један поглед Покажи статистику Diff
  1. 149
    0
      frontend/assets/sass/icons.scss
  2. 7
    0
      frontend/assets/sass/main.scss
  3. 0
    1
      frontend/index.html
  4. 0
    155
      frontend/style.css

+ 149
- 0
frontend/assets/sass/icons.scss Прегледај датотеку

1 
+@font-face {
2 
+    font-family: 'icomoon';
3 
+    src: url('assets/fonts/icomoon.eot?6rmrq3');
4 
+    src: url('assets/fonts/icomoon.eot?6rmrq3#iefix') format('embedded-opentype'),
5 
+        url('assets/fonts/icomoon.ttf?6rmrq3') format('truetype'),
6 
+        url('assets/fonts/icomoon.woff?6rmrq3') format('woff'),
7 
+        url('assets/fonts/icomoon.svg?6rmrq3#icomoon') format('svg');
8 
+    font-weight: normal;
9 
+    font-style: normal;
10 
+    font-display: block;
11 
+}
12 
+
13 
+[class^="icon-"],
14 
+[class*=" icon-"] {
15 
+    /* use !important to prevent issues with browser extensions that change fonts */
16 
+    font-family: 'icomoon' !important;
17 
+    speak: never;
18 
+    font-style: normal;
19 
+    font-weight: normal;
20 
+    font-variant: normal;
21 
+    text-transform: none;
22 
+    line-height: 1;
23 
+
24 
+    /* Better Font Rendering =========== */
25 
+    -webkit-font-smoothing: antialiased;
26 
+    -moz-osx-font-smoothing: grayscale;
27 
+
28 
+    &.icon-cross:before {
29 
+        content: "\e911";
30 
+    }
31 
+
32 
+    &.icon-dots-three-horizontal:before {
33 
+        content: "\e917";
34 
+    }
35 
+
36 
+    &.icon-dots-three-vertical:before {
37 
+        content: "\e91a";
38 
+    }
39 
+
40 
+    &.icon-address:before {
41 
+        content: "\e900";
42 
+    }
43 
+
44 
+    &.icon-area-graph:before {
45 
+        content: "\e901";
46 
+    }
47 
+
48 
+    &.icon-calendar:before {
49 
+        content: "\e902";
50 
+    }
51 
+
52 
+    &.icon-certified:before {
53 
+        content: "\e903";
54 
+    }
55 
+
56 
+    &.icon-chat:before {
57 
+        content: "\e904";
58 
+    }
59 
+
60 
+    &.icon-checkmark:before {
61 
+        content: "\e905";
62 
+    }
63 
+
64 
+    &.icon-clock:before {
65 
+        content: "\e906";
66 
+    }
67 
+
68 
+    &.icon-cog:before {
69 
+        content: "\e907";
70 
+    }
71 
+
72 
+    &.icon-compass:before {
73 
+        content: "\e908";
74 
+    }
75 
+
76 
+    &.icon-emoji-happy:before {
77 
+        content: "\e909";
78 
+    }
79 
+
80 
+    &.icon-envelope:before {
81 
+        content: "\e90a";
82 
+    }
83 
+
84 
+    &.icon-graduation-cap:before {
85 
+        content: "\e90b";
86 
+    }
87 
+
88 
+    &.icon-guage:before {
89 
+        content: "\e90c";
90 
+    }
91 
+
92 
+    &.icon-heart:before {
93 
+        content: "\e90d";
94 
+    }
95 
+
96 
+    &.icon-home:before {
97 
+        content: "\e90e";
98 
+    }
99 
+
100 
+    &.icon-location:before {
101 
+        content: "\e90f";
102 
+    }
103 
+
104 
+    &.icon-lock:before {
105 
+        content: "\e910";
106 
+    }
107 
+
108 
+    &.icon-paper-plane:before {
109 
+        content: "\e912";
110 
+    }
111 
+
112 
+    &.icon-people:before {
113 
+        content: "\e913";
114 
+    }
115 
+
116 
+    &.icon-plus:before {
117 
+        content: "\e914";
118 
+    }
119 
+
120 
+    &.icon-price-ribbon:before {
121 
+        content: "\e915";
122 
+    }
123 
+
124 
+    &.icon-star:before {
125 
+        content: "\e916";
126 
+    }
127 
+
128 
+    &.icon-tools:before {
129 
+        content: "\e918";
130 
+    }
131 
+
132 
+    &.icon-truck:before {
133 
+        content: "\e919";
134 
+    }
135 
+
136 
+    &.icon-search:before {
137 
+        content: "\e986";
138 
+    }
139 
+
140 
+    &.icon-eye:before {
141 
+        content: "\e9ce";
142 
+    }
143 
+
144 
+    &.icon-eye-blocked:before {
145 
+        content: "\e9d1";
146 
+        }
147 
+
148 
+
149 
+    }

+ 7
- 0
frontend/assets/sass/main.scss Прегледај датотеку

1 
 @import 'variables';
 1 
 @import 'variables';
2 
+@import 'icons';
3 
+
4 
+
5 
+
6 
+html {
7 
+    background-color: $black;
8 
+}

+ 0
- 1
frontend/index.html Прегледај датотеку

4 
 <head>
 4 
 <head>
5 
     <meta charset="UTF-8" />
 5 
     <meta charset="UTF-8" />
6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
-    <link rel="stylesheet" href="style.css">
8 
     <title>Siimee</title>
 7 
     <title>Siimee</title>
9 
 </head>
 8 
 </head>
10
9

+ 0
- 155
frontend/style.css Прегледај датотеку

1 
-@font-face {
2 
-  font-family: 'icomoon';
3 
-  src: url('assets/fonts/icomoon.eot?6rmrq3');
4 
-  src: url('assets/fonts/icomoon.eot?6rmrq3#iefix') format('embedded-opentype'),
5 
-    url('assets/fonts/icomoon.ttf?6rmrq3') format('truetype'),
6 
-    url('assets/fonts/icomoon.woff?6rmrq3') format('woff'),
7 
-    url('assets/fonts/icomoon.svg?6rmrq3#icomoon') format('svg');
8 
-  font-weight: normal;
9 
-  font-style: normal;
10 
-  font-display: block;
11 
-}
12 
-
13 
-[class^="icon-"],
14 
-[class*=" icon-"] {
15 
-  /* use !important to prevent issues with browser extensions that change fonts */
16 
-  font-family: 'icomoon' !important;
17 
-  speak: never;
18 
-  font-style: normal;
19 
-  font-weight: normal;
20 
-  font-variant: normal;
21 
-  text-transform: none;
22 
-  line-height: 1;
23 
-
24 
-  /* Better Font Rendering =========== */
25 
-  -webkit-font-smoothing: antialiased;
26 
-  -moz-osx-font-smoothing: grayscale;
27 
-}
28 
-
29 
-.icon-cross:before {
30 
-  content: "\e911";
31 
-}
32 
-
33 
-.icon-dots-three-horizontal:before {
34 
-  content: "\e917";
35 
-}
36 
-
37 
-.icon-dots-three-vertical:before {
38 
-  content: "\e91a";
39 
-}
40 
-
41 
-.icon-address:before {
42 
-  content: "\e900";
43 
-}
44 
-
45 
-.icon-area-graph:before {
46 
-  content: "\e901";
47 
-}
48 
-
49 
-.icon-calendar:before {
50 
-  content: "\e902";
51 
-}
52 
-
53 
-.icon-certified:before {
54 
-  content: "\e903";
55 
-}
56 
-
57 
-.icon-chat:before {
58 
-  content: "\e904";
59 
-}
60 
-
61 
-.icon-checkmark:before {
62 
-  content: "\e905";
63 
-}
64 
-
65 
-.icon-clock:before {
66 
-  content: "\e906";
67 
-}
68 
-
69 
-.icon-cog:before {
70 
-  content: "\e907";
71 
-}
72 
-
73 
-.icon-compass:before {
74 
-  content: "\e908";
75 
-}
76 
-
77 
-.icon-emoji-happy:before {
78 
-  content: "\e909";
79 
-}
80 
-
81 
-.icon-envelope:before {
82 
-  content: "\e90a";
83 
-}
84 
-
85 
-.icon-graduation-cap:before {
86 
-  content: "\e90b";
87 
-}
88 
-
89 
-.icon-guage:before {
90 
-  content: "\e90c";
91 
-}
92 
-
93 
-.icon-heart:before {
94 
-  content: "\e90d";
95 
-}
96 
-
97 
-.icon-home:before {
98 
-  content: "\e90e";
99 
-}
100 
-
101 
-.icon-location:before {
102 
-  content: "\e90f";
103 
-}
104 
-
105 
-.icon-lock:before {
106 
-  content: "\e910";
107 
-}
108 
-
109 
-.icon-paper-plane:before {
110 
-  content: "\e912";
111 
-}
112 
-
113 
-.icon-people:before {
114 
-  content: "\e913";
115 
-}
116 
-
117 
-.icon-plus:before {
118 
-  content: "\e914";
119 
-}
120 
-
121 
-.icon-price-ribbon:before {
122 
-  content: "\e915";
123 
-}
124 
-
125 
-.icon-star:before {
126 
-  content: "\e916";
127 
-}
128 
-
129 
-.icon-tools:before {
130 
-  content: "\e918";
131 
-}
132 
-
133 
-.icon-truck:before {
134 
-  content: "\e919";
135 
-}
136 
-
137 
-.icon-search:before {
138 
-  content: "\e986";
139 
-}
140 
-
141 
-.icon-eye:before {
142 
-  content: "\e9ce";
143 
-}
144 
-
145 
-.icon-eye-blocked:before {
146 
-  content: "\e9d1";
147 
-}
148 
-
149 
-.icon-bookmarks:before {
150 
-  content: "\e9d3";
151 
-}
152 
-
153 
-.icon-arrow-left2:before {
154 
-  content: "\ea40";
155 
-}

Write Preview
Loading…
Откажи
Сачувај