Skip to content

Commit 60d00f9

Browse files
arbaouimehdiarbaouimehdi
committed
Add Initial Files
0 parents  commit 60d00f9

11 files changed

+13562
-0
lines changed

‎.babelrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["@babel/preset-env"]
3+
}

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
node_modules
2+
dist

‎.stylelintrc

Lines changed: 271 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,271 @@
1+
{
2+
"plugins": ["stylelint-order"],
3+
"rules": {
4+
"block-no-empty": true,
5+
"order/properties-order": [
6+
{
7+
"properties": [
8+
"position",
9+
"top",
10+
"right",
11+
"bottom",
12+
"left"
13+
]
14+
},
15+
{
16+
"properties": [
17+
"overflow",
18+
"overflow-x",
19+
"overflow-y",
20+
"z-index"
21+
]
22+
},
23+
{
24+
"properties": [
25+
"display",
26+
"flex",
27+
"flex-grow",
28+
"flex-shrink",
29+
"flex-basis",
30+
"flex-flow",
31+
"flex-direction",
32+
"flex-wrap",
33+
"justify-content",
34+
"align-content",
35+
"align-items",
36+
"align-self",
37+
"order",
38+
"float",
39+
"clear",
40+
"box-sizing"
41+
]
42+
},
43+
{
44+
"properties": [
45+
"width",
46+
"min-width",
47+
"max-width",
48+
"height",
49+
"min-height",
50+
"max-height"
51+
]
52+
},
53+
{
54+
"properties": [
55+
"padding",
56+
"padding-top",
57+
"padding-right",
58+
"padding-bottom",
59+
"padding-left"
60+
]
61+
},
62+
{
63+
"properties": [
64+
"margin",
65+
"margin-top",
66+
"margin-right",
67+
"margin-bottom",
68+
"margin-left"
69+
]
70+
},
71+
{
72+
"properties": [
73+
"color",
74+
"font",
75+
"font-size",
76+
"font-family",
77+
"font-style",
78+
"font-weight",
79+
"line-height",
80+
"letter-spacing",
81+
"text-align",
82+
"text-decoration"
83+
]
84+
},
85+
{
86+
"properties": [
87+
"font-variant",
88+
"font-size-adjust",
89+
"font-stretch",
90+
"font-effect",
91+
"font-emphasize",
92+
"font-emphasize-position",
93+
"font-emphasize-style",
94+
"font-smooth",
95+
"direction",
96+
"white-space",
97+
"text-align-last",
98+
"text-transform",
99+
"text-emphasis",
100+
"text-emphasis-color",
101+
"text-emphasis-style",
102+
"text-emphasis-position",
103+
"text-indent",
104+
"text-justify",
105+
"text-outline",
106+
"text-wrap",
107+
"text-overflow",
108+
"text-overflow-ellipsis",
109+
"text-overflow-mode",
110+
"text-orientation",
111+
"text-shadow",
112+
"vertical-align",
113+
"word-wrap",
114+
"word-break",
115+
"word-spacing",
116+
"overflow-wrap",
117+
"tab-size",
118+
"hyphens",
119+
"unicode-bidi",
120+
"columns",
121+
"column-count",
122+
"column-fill",
123+
"column-gap",
124+
"column-rule",
125+
"column-rule-color",
126+
"column-rule-style",
127+
"column-rule-width",
128+
"column-span",
129+
"column-width",
130+
"page-break-after",
131+
"page-break-before",
132+
"page-break-inside",
133+
"src"
134+
]
135+
},
136+
{
137+
"properties": [
138+
"list-style",
139+
"list-style-position",
140+
"list-style-type",
141+
"list-style-image",
142+
"table-layout",
143+
"empty-cells",
144+
"caption-side"
145+
]
146+
},
147+
{
148+
"properties": [
149+
"background",
150+
"background-color",
151+
"background-image",
152+
"background-repeat",
153+
"background-position",
154+
"background-position-x",
155+
"background-position-y",
156+
"background-size",
157+
"background-clip",
158+
"background-origin",
159+
"background-attachment",
160+
"background-blend-mode"
161+
]
162+
},
163+
{
164+
"properties": [
165+
"border",
166+
"border-width",
167+
"border-style",
168+
"border-color",
169+
"border-top",
170+
"border-top-width",
171+
"border-top-style",
172+
"border-top-color",
173+
"border-right",
174+
"border-right-width",
175+
"border-right-style",
176+
"border-right-color",
177+
"border-bottom",
178+
"border-bottom-width",
179+
"border-bottom-style",
180+
"border-bottom-color",
181+
"border-left",
182+
"border-left-width",
183+
"border-left-style",
184+
"border-left-color",
185+
"border-radius",
186+
"border-top-left-radius",
187+
"border-top-right-radius",
188+
"border-bottom-right-radius",
189+
"border-bottom-left-radius",
190+
"border-image",
191+
"border-image-source",
192+
"border-image-slice",
193+
"border-image-width",
194+
"border-image-outset",
195+
"border-image-repeat",
196+
"border-collapse",
197+
"border-spacing"
198+
]
199+
},
200+
{
201+
"properties": [
202+
"box-decoration-break",
203+
"outline",
204+
"outline-width",
205+
"outline-style",
206+
"outline-color",
207+
"outline-offset",
208+
"box-shadow",
209+
"transform",
210+
"transform-origin",
211+
"transform-style",
212+
"backface-visibility",
213+
"perspective",
214+
"perspective-origin",
215+
"visibility",
216+
"cursor",
217+
"opacity",
218+
"filter",
219+
"backdrop-filter"
220+
]
221+
},
222+
{
223+
"properties": [
224+
"transition",
225+
"transition-delay",
226+
"transition-timing-function",
227+
"transition-duration",
228+
"transition-property"
229+
]
230+
},
231+
{
232+
"properties": [
233+
"animation",
234+
"animation-name",
235+
"animation-duration",
236+
"animation-play-state",
237+
"animation-timing-function",
238+
"animation-delay",
239+
"animation-iteration-count",
240+
"animation-direction",
241+
"animation-fill-mode"
242+
]
243+
},
244+
{
245+
"properties": [
246+
"appearance",
247+
"clip",
248+
"clip-path",
249+
"counter-reset",
250+
"counter-increment",
251+
"resize",
252+
"user-select",
253+
"nav-index",
254+
"nav-up",
255+
"nav-right",
256+
"nav-down",
257+
"nav-left",
258+
"pointer-events",
259+
"quotes",
260+
"touch-action",
261+
"will-change",
262+
"zoom",
263+
"fill",
264+
"fill-rule",
265+
"clip-rule",
266+
"stroke"
267+
]
268+
}
269+
]
270+
}
271+
}

‎index.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<div class="videoRecorder">
2+
<h1>
3+
Screen Recorder Using
4+
<span> Screen Capture API </span>
5+
</h1>
6+
7+
<button class="videoRecorder__cta">
8+
<svg
9+
xmlns="http://www.w3.org/2000/svg"
10+
viewBox="0 0 512 512"
11+
>
12+
<path
13+
d="M496 256C496 388.548 388.548 496 256 496S16 388.548 16 256S123.452 16 256 16S496 123.452 496 256Z"
14+
fill="currentColor"
15+
/>
16+
</svg>
17+
</button>
18+
<strong class="videoRecorder__message">
19+
Press to Start Recording
20+
</strong>
21+
</div>

0 commit comments

Comments
 (0)