@onereach/styles 2.6.4 → 2.6.5-384.0
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/index.css +1 -1
- package/package.json +2 -3
- package/src/utils/mixins/_breakpoints.scss +16 -3
package/dist/index.css
CHANGED
|
@@ -344,7 +344,7 @@ input[type=search]::-webkit-search-results-decoration {
|
|
|
344
344
|
|
|
345
345
|
/**
|
|
346
346
|
* A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.
|
|
347
|
-
* Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/
|
|
347
|
+
* Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/
|
|
348
348
|
*/
|
|
349
349
|
/* Make div look like an input element */
|
|
350
350
|
html {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/styles",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.5-384.0",
|
|
4
4
|
"description": "Styles for or-ui-next",
|
|
5
5
|
"main": "./dist/index.min.css",
|
|
6
6
|
"unpkg": "./dist/index.css",
|
|
@@ -32,6 +32,5 @@
|
|
|
32
32
|
"postcss-cli": "^8.3.1",
|
|
33
33
|
"sass": "^1.35.1",
|
|
34
34
|
"stylelint": "^13.13.1"
|
|
35
|
-
}
|
|
36
|
-
"gitHead": "dec4d646bea5e82dcc403aef058248d805f3648d"
|
|
35
|
+
}
|
|
37
36
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.
|
|
3
|
-
* Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/
|
|
3
|
+
* Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/
|
|
4
4
|
*/
|
|
5
5
|
$breakpoints: (
|
|
6
6
|
"phone": 576px,
|
|
@@ -8,13 +8,26 @@ $breakpoints: (
|
|
|
8
8
|
);
|
|
9
9
|
|
|
10
10
|
@mixin mobile {
|
|
11
|
-
@media (max-width: map-get($breakpoints, "phone")) {
|
|
11
|
+
@media only screen and (max-width: map-get($breakpoints, "phone")) {
|
|
12
12
|
@content;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@mixin tablet {
|
|
17
|
-
@media (max-width: map-get($breakpoints, "tablet")) {
|
|
17
|
+
@media only screen and (max-width: map-get($breakpoints, "tablet")) and (min-width: map-get($breakpoints, "phone")) {
|
|
18
18
|
@content;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
@mixin tablet-down {
|
|
23
|
+
@media only screen and (max-width: map-get($breakpoints, "tablet")) {
|
|
24
|
+
@content;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin tablet-up {
|
|
29
|
+
@media only screen and (min-width: map-get($breakpoints, "phone")) {
|
|
30
|
+
@content;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|