@tagplus/components 5.2.7 → 5.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tp.common.js +1 -1
- package/dist/tp.common.js.map +1 -1
- package/dist/{tp.common.lang-tp-en-js.js → tp.common.lang-en-js.js} +2 -2
- package/dist/tp.common.lang-en-js.js.map +1 -0
- package/dist/tp.umd.js +1 -1
- package/dist/tp.umd.js.map +1 -1
- package/dist/{tp.umd.lang-tp-en-js.js → tp.umd.lang-en-js.js} +2 -2
- package/dist/tp.umd.lang-en-js.js.map +1 -0
- package/dist/tp.umd.min.js +1 -1
- package/dist/tp.umd.min.js.map +1 -1
- package/dist/{tp.umd.min.lang-tp-en-js.js → tp.umd.min.lang-en-js.js} +2 -2
- package/dist/tp.umd.min.lang-en-js.js.map +1 -0
- package/package.json +2 -7
- package/dist/tp.common.lang-tp-en-js.js.map +0 -1
- package/dist/tp.umd.lang-tp-en-js.js.map +0 -1
- package/dist/tp.umd.min.lang-tp-en-js.js.map +0 -1
- package/src/assets/scss/_fonts.scss +0 -28
- package/src/assets/scss/_functions.scss +0 -22
- package/src/assets/scss/_helpers.scss +0 -116
- package/src/assets/scss/_mixins.scss +0 -69
- package/src/assets/scss/_overrides.scss +0 -22
- package/src/assets/scss/_resass.scss +0 -92
- package/src/assets/scss/_variables.scss +0 -26
- package/src/assets/scss/index.scss +0 -8
- package/src/components/Autosuggest/Autosuggest.vue +0 -362
- package/src/components/Autosuggest/Multisuggest.vue +0 -22
- package/src/components/Autosuggest/autosuggest-props.js +0 -210
- package/src/components/Autosuggest/autosuggest-style.scss +0 -127
- package/src/components/Autosuggest/core.js +0 -63
- package/src/components/Autosuggest/index.js +0 -5
- package/src/components/Autosuggest/multisuggest-props.js +0 -9
- package/src/components/Autosuggest/option.vue +0 -136
- package/src/components/Autosuggest/select-dropdown.vue +0 -64
- package/src/components/Autosuggest/useOption.js +0 -120
- package/src/components/Autosuggest/useSelect.js +0 -1133
- package/src/components/AutosuggestTest.vue +0 -56
- package/src/components/CardExemplo.vue +0 -49
- package/src/components/CodeSample.vue +0 -78
- package/src/components/Inline/Inline.vue +0 -141
- package/src/components/Inline/index.js +0 -3
- package/src/components/InputNumber/InputNumber.vue +0 -381
- package/src/components/InputNumber/index.js +0 -3
- package/src/components/InputNumber/input-number.js +0 -135
- package/src/components/Loader/Loader.vue +0 -306
- package/src/components/Loader/animations.scss +0 -81
- package/src/components/Loader/index.js +0 -3
- package/src/components/Money/Money.vue +0 -73
- package/src/components/Money/index.js +0 -3
- package/src/components/Multisuggest/index.js +0 -2
- package/src/components/MultisuggestTest.vue +0 -56
- package/src/components/OptionsList/OptionsList.vue +0 -62
- package/src/components/OptionsList/index.js +0 -3
- package/src/components/OptionsListItem/OptionsListItem.vue +0 -195
- package/src/components/OptionsListItem/index.js +0 -3
- package/src/components/Percent/Percent.vue +0 -75
- package/src/components/Percent/index.js +0 -3
- package/src/components/Skeleton/Skeleton.vue +0 -142
- package/src/components/Skeleton/index.js +0 -3
- package/src/components/Step/Step.vue +0 -237
- package/src/components/Step/index.js +0 -3
- package/src/components/Steps/Steps.vue +0 -15
- package/src/components/Steps/index.js +0 -3
- package/src/components/TesteToCurrency.vue +0 -171
- package/src/components/Tip/Tip.vue +0 -210
- package/src/components/Tip/index.js +0 -3
- package/src/components/ValueSelector.vue +0 -60
- package/src/components/autosuggestMixin.js +0 -301
- package/src/components/index.js +0 -34
- package/src/locale/i18nCreator.js +0 -169
- package/src/locale/lang/en.js +0 -35
- package/src/locale/lang/pt-br.js +0 -35
- package/src/main.js +0 -21
- package/src/mixins/floatFormatter.js +0 -49
- package/src/plugins/currency.js +0 -100
- package/src/utils/browser.js +0 -6
- package/src/utils/constants.js +0 -3
- package/src/utils/error.js +0 -22
- package/src/utils/filters.js +0 -71
- package/src/utils/helpers.js +0 -41
- package/src/utils/i18n.js +0 -2
- package/src/utils/icon.js +0 -35
- package/src/utils/index.js +0 -20
- package/src/utils/objects.js +0 -17
- package/src/utils/runtime.js +0 -86
- package/src/utils/scroll.js +0 -100
- package/src/utils/strings.js +0 -17
- package/src/utils/style.js +0 -80
- package/src/utils/types.js +0 -39
- package/src/utils/use-derived-namespace.js +0 -112
- package/src/utils/use-form-common-props.js +0 -41
- package/src/utils/use-form-item.js +0 -80
- package/src/utils/use-id.js +0 -40
- package/src/utils/use-input.js +0 -33
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(("undefined"!=typeof self?self:this).webpackChunktp=("undefined"!=typeof self?self:this).webpackChunktp||[]).push([[
|
|
2
|
-
//# sourceMappingURL=tp.umd.min.lang-
|
|
1
|
+
"use strict";(("undefined"!=typeof self?self:this).webpackChunktp=("undefined"!=typeof self?self:this).webpackChunktp||[]).push([[275],{48167:function(e,n,f){f.r(n);var l=f(33088);n.default={...l.default,lingua:"English",tp:{money:{currency:"$"}},locale:{name:"en",prefix:"en-US",number:{decimal:".",thousands:"",prefix:"",suffix:"",precision:2},date:{format:"YYYY-MM-DD"}},common:{placeholder:"placeholder"}}}}]);
|
|
2
|
+
//# sourceMappingURL=tp.umd.min.lang-en-js.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tp.umd.min.lang-en-js.js","mappings":"oLAEA,cACKA,EAAAA,QACHC,OAAQ,UAERC,GAAI,CACFC,MAAO,CACLC,SAAU,MAIdC,OAAQ,CAENC,KAAM,KAGNC,OAAQ,QAERC,OAAQ,CACNC,QAAS,IACTC,UAAW,GACXH,OAAQ,GACRI,OAAQ,GACRC,UAAW,GAGbC,KAAM,CACJC,OAAQ,eAGZC,OAAQ,CACNC,YAAa,e","sources":["webpack://tp/./src/locale/lang/en.js"],"sourcesContent":["import enLocale from 'element-plus/es/locale/lang/en'\n\nexport default {\n ...enLocale,\n lingua: 'English',\n\n tp: {\n money: {\n currency: '$'\n }\n },\n\n locale: {\n // locale name equals filename reference\n name: 'en',\n\n // IANA.ORG convetions according to W3C\n prefix: 'en-US',\n\n number: {\n decimal: '.',\n thousands: '',\n prefix: '',\n suffix: '',\n precision: 2\n },\n\n date: {\n format: 'YYYY-MM-DD'\n }\n },\n common: {\n placeholder: 'placeholder'\n }\n}\n"],"names":["enLocale","lingua","tp","money","currency","locale","name","prefix","number","decimal","thousands","suffix","precision","date","format","common","placeholder"],"sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -8,15 +8,10 @@
|
|
|
8
8
|
"email": "bruno@tagplus.com.br"
|
|
9
9
|
}
|
|
10
10
|
],
|
|
11
|
-
"version": "5.2.
|
|
11
|
+
"version": "5.2.9",
|
|
12
12
|
"main": "./dist/tp.common.js",
|
|
13
|
-
"directories": {
|
|
14
|
-
"lib": "src/lib"
|
|
15
|
-
},
|
|
16
13
|
"files": [
|
|
17
|
-
"
|
|
18
|
-
"dist",
|
|
19
|
-
"src"
|
|
14
|
+
"dist"
|
|
20
15
|
],
|
|
21
16
|
"engines": {
|
|
22
17
|
"node": ">=22.0"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tp.common.lang-tp-en-js.js","mappings":"sNAEA,cACKA,EAAAA,QACHC,OAAQ,UAERC,GAAI,CACFC,MAAO,CACLC,SAAU,MAIdC,OAAQ,CAENC,KAAM,KAGNC,OAAQ,QAERC,OAAQ,CACNC,QAAS,IACTC,UAAW,GACXH,OAAQ,GACRI,OAAQ,GACRC,UAAW,GAGbC,KAAM,CACJC,OAAQ,eAGZC,OAAQ,CACNC,YAAa,e","sources":["webpack://@tagplus/components/./src/locale/lang/en.js"],"sourcesContent":["import enLocale from 'element-plus/es/locale/lang/en'\n\nexport default {\n ...enLocale,\n lingua: 'English',\n\n tp: {\n money: {\n currency: '$'\n }\n },\n\n locale: {\n // locale name equals filename reference\n name: 'en',\n\n // IANA.ORG convetions according to W3C\n prefix: 'en-US',\n\n number: {\n decimal: '.',\n thousands: '',\n prefix: '',\n suffix: '',\n precision: 2\n },\n\n date: {\n format: 'YYYY-MM-DD'\n }\n },\n common: {\n placeholder: 'placeholder'\n }\n}\n"],"names":["enLocale","lingua","tp","money","currency","locale","name","prefix","number","decimal","thousands","suffix","precision","date","format","common","placeholder"],"sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tp.umd.lang-tp-en-js.js","mappings":"oLAEA,cACKA,EAAAA,QACHC,OAAQ,UAERC,GAAI,CACFC,MAAO,CACLC,SAAU,MAIdC,OAAQ,CAENC,KAAM,KAGNC,OAAQ,QAERC,OAAQ,CACNC,QAAS,IACTC,UAAW,GACXH,OAAQ,GACRI,OAAQ,GACRC,UAAW,GAGbC,KAAM,CACJC,OAAQ,eAGZC,OAAQ,CACNC,YAAa,e","sources":["webpack://tp/./src/locale/lang/en.js"],"sourcesContent":["import enLocale from 'element-plus/es/locale/lang/en'\n\nexport default {\n ...enLocale,\n lingua: 'English',\n\n tp: {\n money: {\n currency: '$'\n }\n },\n\n locale: {\n // locale name equals filename reference\n name: 'en',\n\n // IANA.ORG convetions according to W3C\n prefix: 'en-US',\n\n number: {\n decimal: '.',\n thousands: '',\n prefix: '',\n suffix: '',\n precision: 2\n },\n\n date: {\n format: 'YYYY-MM-DD'\n }\n },\n common: {\n placeholder: 'placeholder'\n }\n}\n"],"names":["enLocale","lingua","tp","money","currency","locale","name","prefix","number","decimal","thousands","suffix","precision","date","format","common","placeholder"],"sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tp.umd.min.lang-tp-en-js.js","mappings":"oLAEA,cACKA,EAAAA,QACHC,OAAQ,UAERC,GAAI,CACFC,MAAO,CACLC,SAAU,MAIdC,OAAQ,CAENC,KAAM,KAGNC,OAAQ,QAERC,OAAQ,CACNC,QAAS,IACTC,UAAW,GACXH,OAAQ,GACRI,OAAQ,GACRC,UAAW,GAGbC,KAAM,CACJC,OAAQ,eAGZC,OAAQ,CACNC,YAAa,e","sources":["webpack://tp/./src/locale/lang/en.js"],"sourcesContent":["import enLocale from 'element-plus/es/locale/lang/en'\n\nexport default {\n ...enLocale,\n lingua: 'English',\n\n tp: {\n money: {\n currency: '$'\n }\n },\n\n locale: {\n // locale name equals filename reference\n name: 'en',\n\n // IANA.ORG convetions according to W3C\n prefix: 'en-US',\n\n number: {\n decimal: '.',\n thousands: '',\n prefix: '',\n suffix: '',\n precision: 2\n },\n\n date: {\n format: 'YYYY-MM-DD'\n }\n },\n common: {\n placeholder: 'placeholder'\n }\n}\n"],"names":["enLocale","lingua","tp","money","currency","locale","name","prefix","number","decimal","thousands","suffix","precision","date","format","common","placeholder"],"sourceRoot":""}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: bevi;
|
|
3
|
-
src: url('/fonts/bevi-regular.woff2') format('woff2'),
|
|
4
|
-
url('/fonts/bevi-regular.woff') format('woff');
|
|
5
|
-
font-weight: normal;
|
|
6
|
-
font-style: normal;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@font-face {
|
|
10
|
-
font-family: bevi;
|
|
11
|
-
src: url('/fonts/bevi-medium.woff2') format('woff2'),
|
|
12
|
-
url('/fonts/bevi-medium.woff') format('woff');
|
|
13
|
-
font-weight: 500;
|
|
14
|
-
font-style: normal;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@font-face {
|
|
18
|
-
font-family: bevi;
|
|
19
|
-
src: url('/fonts/bevi-bold.woff2') format('woff2'),
|
|
20
|
-
url('/fonts/bevi-bold.woff') format('woff');
|
|
21
|
-
font-weight: bold;
|
|
22
|
-
font-style: normal;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
* {
|
|
26
|
-
font-family: bevi, sans-serif;
|
|
27
|
-
}
|
|
28
|
-
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@function randomNum($min, $max) {
|
|
2
|
-
$rand: random();
|
|
3
|
-
$randomNum: $min + floor($rand * (($max - $min) + 1));
|
|
4
|
-
|
|
5
|
-
@return $randomNum;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
@function number($string) {
|
|
9
|
-
// Matrices
|
|
10
|
-
$strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
|
|
11
|
-
$numbers: 0 1 2 3 4 5 6 7 8 9;
|
|
12
|
-
|
|
13
|
-
// Result
|
|
14
|
-
$result: 0;
|
|
15
|
-
|
|
16
|
-
// Looping through all characters
|
|
17
|
-
@for $i from 1 through str-length($string) {
|
|
18
|
-
// Do magic
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@return $result;
|
|
22
|
-
}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
.text {
|
|
2
|
-
&--center {
|
|
3
|
-
text-align: center;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
&-color {
|
|
7
|
-
&--default {
|
|
8
|
-
color: $--color-text-primary;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
&--regular {
|
|
12
|
-
color: $--color-text-regular;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&--primary {
|
|
16
|
-
color: $--color-primary;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&--danger {
|
|
20
|
-
color: $--color-danger;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&--success {
|
|
24
|
-
color: $--color-success;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.hover {
|
|
30
|
-
&-text {
|
|
31
|
-
&--primary:not([disabled]) {
|
|
32
|
-
&:hover,&:focus {
|
|
33
|
-
color: $--color-primary !important;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&--danger:not([disabled]){
|
|
38
|
-
&:hover,&:focus {
|
|
39
|
-
color: $--color-danger !important;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
// Helpers gerados de forma dinâmica, de acordo
|
|
46
|
-
// com a medida dos measures.
|
|
47
|
-
@each $name, $size in $sizes {
|
|
48
|
-
.m-t-#{$name} {
|
|
49
|
-
margin-top: $size;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.m-b-#{$name} {
|
|
53
|
-
margin-bottom: $size;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.m-r-#{$name} {
|
|
57
|
-
margin-right: $size;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.m-l-#{$name} {
|
|
61
|
-
margin-left: $size;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.p-t-#{$name} {
|
|
65
|
-
padding-top: $size;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.p-b-#{$name} {
|
|
69
|
-
padding-bottom: $size;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.p-r-#{$name} {
|
|
73
|
-
padding-right: $size;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.p-l-#{$name} {
|
|
77
|
-
padding-left: $size;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
// Helpers para flexbox, para facilitar, podemos pegar os helpers
|
|
82
|
-
// do bootstrap!
|
|
83
|
-
.d-flex {
|
|
84
|
-
&:not(.mobile-flex) {
|
|
85
|
-
display: initial;
|
|
86
|
-
|
|
87
|
-
@include r(1024) {
|
|
88
|
-
display: flex;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
display: flex;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.d-block {
|
|
96
|
-
display: block;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.justify-between {
|
|
100
|
-
justify-content: space-between;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.text-helper-info {
|
|
104
|
-
font-size: 13px;
|
|
105
|
-
color: #565b66;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.no-font-weight {
|
|
109
|
-
font-weight: initial !important;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.no-padding-mobile {
|
|
113
|
-
@include r(767) {
|
|
114
|
-
padding: 0;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
@mixin change-placeholder-color($color: #010101, $opacity: 1) {
|
|
2
|
-
::placeholder {
|
|
3
|
-
/* Chrome, Firefox, Opera, Safari 10.1+ */
|
|
4
|
-
color: rgba($color, $opacity);
|
|
5
|
-
opacity: 1; /* Firefox */
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
:input-placeholder {
|
|
9
|
-
/* Internet Explorer 10-11 */
|
|
10
|
-
color: rgba($color, $opacity);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
::input-placeholder {
|
|
14
|
-
/* Microsoft Edge */
|
|
15
|
-
color: rgba($color, $opacity);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@mixin add-icon-to-menu-title($image: "", $width: "", $height: "") {
|
|
20
|
-
&::before {
|
|
21
|
-
content: "";
|
|
22
|
-
background: url($image);
|
|
23
|
-
width: $width;
|
|
24
|
-
height: $height;
|
|
25
|
-
display: block;
|
|
26
|
-
position: absolute;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@mixin default-sidebar-icon() {
|
|
31
|
-
width: 40px;
|
|
32
|
-
height: 40px;
|
|
33
|
-
background: #fff;
|
|
34
|
-
border-radius: $border-radius;
|
|
35
|
-
justify-content: center;
|
|
36
|
-
border: 1px solid #fff;
|
|
37
|
-
|
|
38
|
-
&:hover {
|
|
39
|
-
border-color: #409eff;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@mixin option-list-item-hover($color) {
|
|
44
|
-
&:hover {
|
|
45
|
-
border-color: $color;
|
|
46
|
-
|
|
47
|
-
.icon {
|
|
48
|
-
color: $color;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@mixin option-list-item-checked($color) {
|
|
54
|
-
&.active {
|
|
55
|
-
border-color: $color;
|
|
56
|
-
background: rgba($color, 0.1);
|
|
57
|
-
|
|
58
|
-
.icon {
|
|
59
|
-
color: $color;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
@mixin center-block {
|
|
65
|
-
margin: {
|
|
66
|
-
left: auto;
|
|
67
|
-
right: auto;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
input,
|
|
2
|
-
.el-select-dropdown__empty,
|
|
3
|
-
.el-select-dropdown__list,
|
|
4
|
-
.el-autosuggest-suggestion {
|
|
5
|
-
font-family: bevi, sans-serif;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.el-input {
|
|
9
|
-
height: 48px;
|
|
10
|
-
|
|
11
|
-
input {
|
|
12
|
-
height: 100%;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.el-form-item {
|
|
17
|
-
&.is-error {
|
|
18
|
-
.el-input-group--prepend {
|
|
19
|
-
border-color: $--color-danger;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ReSass.
|
|
3
|
-
*
|
|
4
|
-
* MIXIN: Responsive Media Queries.
|
|
5
|
-
*
|
|
6
|
-
* Creates responsive media queries for seven different screen sizes.
|
|
7
|
-
* These are based on min-width which means if x is the size then your
|
|
8
|
-
* CSS will affect any device with screen width x and above.
|
|
9
|
-
*
|
|
10
|
-
* USAGE:
|
|
11
|
-
* @include r(240) { }
|
|
12
|
-
* @include r(320) { }
|
|
13
|
-
* @include r(480) { }
|
|
14
|
-
* @include r(768) { }
|
|
15
|
-
* @include r(1024) { }
|
|
16
|
-
* @include r(1140) { }
|
|
17
|
-
* @include r(1280) { }
|
|
18
|
-
* @include r(1500) { }
|
|
19
|
-
*
|
|
20
|
-
* CSS content goes inside {} brackets. These mixins should be used inside
|
|
21
|
-
* a class definition. For example:
|
|
22
|
-
*
|
|
23
|
-
* The following CSS will hide the .header on screen width 320px and above.
|
|
24
|
-
* .header {
|
|
25
|
-
* @include r(320) { display: none; }
|
|
26
|
-
* }
|
|
27
|
-
*
|
|
28
|
-
* @author Ahmad Awais (https://github.com/ahmadawais)
|
|
29
|
-
* @link https://github.com/ahmadawais/ReSass.git
|
|
30
|
-
* @version 1.0.0
|
|
31
|
-
*/
|
|
32
|
-
@mixin r($point) {
|
|
33
|
-
@if $point==240 {
|
|
34
|
-
@media (width >=240px) {
|
|
35
|
-
@content;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@if $point==320 {
|
|
40
|
-
@media (width >=320px) {
|
|
41
|
-
@content;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@if $point==480 {
|
|
46
|
-
@media (width >=480px) {
|
|
47
|
-
@content;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@if $point==600 {
|
|
52
|
-
@media (width >=600px) {
|
|
53
|
-
@content;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@if $point==767 {
|
|
58
|
-
@media (width <=767px) {
|
|
59
|
-
@content;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
@if $point==768 {
|
|
64
|
-
@media (width >=768px) {
|
|
65
|
-
@content;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
@if $point==1024 {
|
|
70
|
-
@media (width >=1024px) {
|
|
71
|
-
@content;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
@if $point==1140 {
|
|
76
|
-
@media (width >=1140px) {
|
|
77
|
-
@content;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@if $point==1280 {
|
|
82
|
-
@media (width >=1280px) {
|
|
83
|
-
@content;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
@if $point==1500 {
|
|
88
|
-
@media (width >=1500px) {
|
|
89
|
-
@content;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Sistema de medidas
|
|
2
|
-
$default: 1rem;
|
|
3
|
-
$sizes: (
|
|
4
|
-
none: 0,
|
|
5
|
-
xxs: calc(0.25 * #{$default}),
|
|
6
|
-
xs: calc(0.5 * #{$default}),
|
|
7
|
-
sm: calc(0.75 * #{$default}),
|
|
8
|
-
md: calc(1.25 * #{$default}),
|
|
9
|
-
lg: calc(2 * #{$default}),
|
|
10
|
-
xl: calc(3.25 * #{$default}),
|
|
11
|
-
xxl: calc(5.25 * #{$default})
|
|
12
|
-
);
|
|
13
|
-
|
|
14
|
-
// Borders
|
|
15
|
-
$border-radius: 3px;
|
|
16
|
-
|
|
17
|
-
// Sizes
|
|
18
|
-
$default-max-width: 1440px;
|
|
19
|
-
$default-side-padding: 20px;
|
|
20
|
-
|
|
21
|
-
// Default font weights
|
|
22
|
-
$light: 300;
|
|
23
|
-
$normal: 400;
|
|
24
|
-
$medium: 500;
|
|
25
|
-
$semi-bold: 600;
|
|
26
|
-
$bold: 700;
|