@pingux/astro 1.39.3-alpha.0 → 1.40.0-alpha.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.
@@ -59,7 +59,32 @@ var sectionContainer = {
59
59
  pt: 'sm',
60
60
  height: '100%',
61
61
  maxHeight: '100%',
62
- overflowY: 'auto'
62
+ overflowY: 'auto',
63
+ // these rules are for webkit browsers: chrome, safari, edge
64
+ '&::-webkit-scrollbar-thumb': {
65
+ backgroundColor: 'rgba(255, 255, 255, 0.2)',
66
+ borderRadius: '4px'
67
+ },
68
+ '&::-webkit-scrollbar': {
69
+ width: 10
70
+ },
71
+ '&::-webkit-scrollbar-track': {
72
+ backgroundColor: 'accent.10'
73
+ },
74
+ // this is a newer standard that only ff supports for now
75
+ scrollbarColor: 'rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0.1)',
76
+ // can't use theme values here, unfortunately
77
+ // different colors while hovering over the nav bar
78
+ '&:hover': {
79
+ '&::-webkit-scrollbar-thumb': {
80
+ backgroundColor: 'rgba(255, 255, 255, 0.7)',
81
+ borderRadius: '4px'
82
+ },
83
+ '&::-webkit-scrollbar-track': {
84
+ backgroundColor: 'accent.5'
85
+ },
86
+ scrollbarColor: 'rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.2)'
87
+ }
63
88
  };
64
89
 
65
90
  var sectionBody = _objectSpread(_objectSpread({}, _accordion["default"].accordionGridBody), {}, {
@@ -40,7 +40,32 @@ var sectionContainer = {
40
40
  pt: 'sm',
41
41
  height: '100%',
42
42
  maxHeight: '100%',
43
- overflowY: 'auto'
43
+ overflowY: 'auto',
44
+ // these rules are for webkit browsers: chrome, safari, edge
45
+ '&::-webkit-scrollbar-thumb': {
46
+ backgroundColor: 'rgba(255, 255, 255, 0.2)',
47
+ borderRadius: '4px'
48
+ },
49
+ '&::-webkit-scrollbar': {
50
+ width: 10
51
+ },
52
+ '&::-webkit-scrollbar-track': {
53
+ backgroundColor: 'accent.10'
54
+ },
55
+ // this is a newer standard that only ff supports for now
56
+ scrollbarColor: 'rgba(255, 255, 255, 0.2) rgba(0, 0, 0, 0.1)',
57
+ // can't use theme values here, unfortunately
58
+ // different colors while hovering over the nav bar
59
+ '&:hover': {
60
+ '&::-webkit-scrollbar-thumb': {
61
+ backgroundColor: 'rgba(255, 255, 255, 0.7)',
62
+ borderRadius: '4px'
63
+ },
64
+ '&::-webkit-scrollbar-track': {
65
+ backgroundColor: 'accent.5'
66
+ },
67
+ scrollbarColor: 'rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.2)'
68
+ }
44
69
  };
45
70
 
46
71
  var sectionBody = _objectSpread(_objectSpread({}, accordion.accordionGridBody), {}, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.39.3-alpha.0",
3
+ "version": "1.40.0-alpha.0",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",