VS_Code_Setup_Files/scss.json at master · jcesarprog/VS_Code_Setup_Files · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
"Reset-Selector": {
		"prefix": "css_reset",
		"body": [
			"*,",
			"*::before,",
			"*::after {",
			"\tmargin: 0;",
			"\tpadding: 0;",
			"\tbox-sizing: border-box;",
			"}",
			"",
			"img {",
			"\twidth: 100%;",
			"\theight: 100%;",
			"\tdisplay: block;",
			"}",
			"",
			".clearfix {",
			"\t/* Classe para limpar o fluxo flutuante de floats */",
			"\tclear: both;",
			"}",
			"$0"
		],
		"description": "Main reset selector"
	},
	"width and height": {
		"prefix": "wh",
		"body": [
			"width: $1;",
			"height: $0;"
		],
		"description": "width and height"
	},
	"Hide Text, but allows web readers": {
		"prefix": "hide",
		"body": [
			".hidden {",
			"    display: block;",
			"    width: 0;",
			"    height: 0;",
			"    overflow: hidden;",
			"    opacity: 0;",
			"}"
		],
		"description": "Hide Text, but allows web readers"
	},
	"CSS Tablet - Media Query": {
		"prefix": "css_tablet_query",
		"body": [
			"@media(max-width: 768px){",
			"\t/* Tablet CSS */",
			"}",
			"$0"
		],
		"description": "CSS Tablet - Media Query"
	},
	"CSS Phone - Media Query": {
		"prefix": "css_phone_query",
		"body": [
			"@media(max-width: 500px){",
			"\t/* Phone CSS */",
			"}",
			"$0"
		],
		"description": "CSS Phone - Media Query"
	},
	"CSS HD - Media Query": {
		"prefix": "css_hd_query",
		"body": [
			"@media(max-width: 1280px){",
			"\t/* HD CSS */",
			"}",
			"$0"
		],
		"description": "CSS HD - Media Query"
	},
	"CSS Full HD - Media Query": {
		"prefix": "css_fhd_query",
		"body": [
			"@media(max-width: 1920px){",
			"\t/* Full HD CSS */",
			"}",
			"$0"
		],
		"description": "CSS Full HD - Media Query"
	},
	"CSS 2K - Media Query": {
		"prefix": "css_2k_query",
		"body": [
			"@media(max-width: 2560px){",
			"\t/* 2K CSS */",
			"}",
			"$0"
		],
		"description": "CSS 2K - Media Query"
	},
	"CSS 4K - Media Query": {
		"prefix": "css_4k_query",
		"body": [
			"@media(max-width: 3840px){",
			"\t/* 4K CSS */",
			"}",
			"$0"
		],
		"description": "CSS 4K - Media Query"
	}