jekyll-theme-primer 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/default.html +1 -1
  3. data/_sass/jekyll-theme-primer.scss +0 -1
  4. data/_sass/primer-base/CHANGELOG.md +20 -0
  5. data/_sass/primer-base/README.md +1 -1
  6. data/_sass/primer-base/build/build.css +1 -2
  7. data/_sass/primer-base/build/index.js +1 -0
  8. data/_sass/primer-base/index.scss +1 -1
  9. data/_sass/primer-base/lib/base.scss +1 -0
  10. data/_sass/{normalize.css → primer-base/lib}/normalize.scss +6 -2
  11. data/_sass/primer-base/lib/typography-base.scss +1 -1
  12. data/_sass/primer-base/package.json +36 -34
  13. data/_sass/primer-layout/CHANGELOG.md +19 -0
  14. data/_sass/primer-layout/README.md +3 -7
  15. data/_sass/primer-layout/build/build.css +1 -2
  16. data/_sass/primer-layout/build/index.js +1 -0
  17. data/_sass/primer-layout/index.scss +1 -0
  18. data/_sass/primer-layout/lib/grid.scss +0 -1
  19. data/_sass/primer-layout/package.json +35 -32
  20. data/_sass/primer-markdown/CHANGELOG.md +29 -0
  21. data/_sass/primer-markdown/README.md +1 -6
  22. data/_sass/primer-markdown/build/build.css +1 -2
  23. data/_sass/primer-markdown/build/index.js +1 -0
  24. data/_sass/primer-markdown/lib/blob-csv.scss +3 -3
  25. data/_sass/primer-markdown/lib/code.scss +2 -2
  26. data/_sass/primer-markdown/lib/headings.scss +4 -4
  27. data/_sass/primer-markdown/lib/images.scss +3 -3
  28. data/_sass/primer-markdown/lib/lists.scss +1 -1
  29. data/_sass/primer-markdown/lib/markdown-body.scss +9 -9
  30. data/_sass/primer-markdown/lib/tables.scss +9 -5
  31. data/_sass/primer-markdown/package.json +34 -31
  32. data/_sass/primer-support/CHANGELOG.md +85 -0
  33. data/_sass/primer-support/README.md +1 -1
  34. data/_sass/primer-support/index.scss +5 -1
  35. data/_sass/primer-support/lib/mixins/buttons.scss +156 -0
  36. data/_sass/primer-support/lib/mixins/misc.scss +1 -1
  37. data/_sass/primer-support/lib/mixins/typography.scss +4 -4
  38. data/_sass/primer-support/lib/variables/color-system.scss +114 -0
  39. data/_sass/primer-support/lib/variables/colors.scss +64 -0
  40. data/_sass/primer-support/lib/variables/layout.scss +58 -0
  41. data/_sass/primer-support/lib/variables/misc.scss +45 -0
  42. data/_sass/primer-support/lib/variables/typography.scss +35 -0
  43. data/_sass/primer-support/package.json +33 -29
  44. data/_sass/primer-utilities/CHANGELOG.md +130 -0
  45. data/_sass/primer-utilities/README.md +2 -2
  46. data/_sass/primer-utilities/build/build.css +1 -2
  47. data/_sass/primer-utilities/build/index.js +1 -2
  48. data/_sass/primer-utilities/index.scss +5 -1
  49. data/_sass/primer-utilities/lib/animations.scss +8 -11
  50. data/_sass/primer-utilities/lib/borders.scss +61 -0
  51. data/_sass/primer-utilities/lib/box-shadow.scss +26 -0
  52. data/_sass/primer-utilities/lib/colors.scss +72 -10
  53. data/_sass/primer-utilities/lib/flexbox.scss +80 -0
  54. data/_sass/primer-utilities/lib/layout.scss +37 -50
  55. data/_sass/primer-utilities/lib/margin.scss +37 -9
  56. data/_sass/primer-utilities/lib/padding.scss +16 -3
  57. data/_sass/primer-utilities/lib/typography.scss +65 -9
  58. data/_sass/primer-utilities/lib/visibility-display.scss +95 -0
  59. data/_sass/primer-utilities/package.json +35 -35
  60. metadata +17 -10
  61. data/_sass/normalize.css/CHANGELOG.md +0 -135
  62. data/_sass/normalize.css/LICENSE.md +0 -21
  63. data/_sass/normalize.css/README.md +0 -128
  64. data/_sass/normalize.css/package.json +0 -111
  65. data/_sass/primer-support/lib/variables.scss +0 -179
  66. data/_sass/primer-utilities/lib/border.scss +0 -29
@@ -1,179 +0,0 @@
1
- // variables
2
- // stylelint-disable declaration-bang-space-before
3
- // These are our margin and padding utility spacers. The default step size we
4
- // use is 6px. This gives us a key of:
5
- // 0 => 0px
6
- // 1 => 3px
7
- // 2 => 6px
8
- // 3 => 12px
9
- // 4 => 24px
10
- // 5 => 36px
11
- $spacer: 6px !default;
12
- $spacers: (
13
- 0,
14
- round($spacer / 2),
15
- $spacer,
16
- $spacer * 2,
17
- $spacer * 4,
18
- $spacer * 6,
19
- $spacer * 8
20
- ) !default;
21
-
22
- // Aliases for easy use
23
- $spacer-1: nth($spacers, 2) !default; // 3px
24
- $spacer-2: nth($spacers, 3) !default; // 6px
25
- $spacer-3: nth($spacers, 4) !default; // 12px
26
- $spacer-4: nth($spacers, 5) !default; // 24px
27
- $spacer-5: nth($spacers, 6) !default; // 36px
28
- $spacer-6: nth($spacers, 7) !default; // 48px
29
-
30
- $container-width: 980px !default;
31
- $grid-gutter: 10px !default;
32
-
33
- // breakpoints
34
- $width-xs: 0;
35
- $width-sm: 544px;
36
- $width-md: 768px;
37
- $width-lg: 1004px;
38
- $width-xl: 1280px;
39
-
40
- // New responsive container-width
41
- $container-md: $width-md !default;
42
- $container-lg: $width-lg !default;
43
- $container-xl: $width-xl !default;
44
-
45
- // Breakpoints
46
- $breakpoints: (
47
- // Small screen / phone
48
- sm: $width-sm,
49
- // Medium screen / tablet
50
- md: $width-md,
51
- // Large screen / desktop (980 + (12 * 2)) <= container + gutters
52
- lg: $width-lg,
53
- // Extra large screen / wide desktop
54
- xl: $width-xl
55
- ) !default;
56
-
57
- // ---- Colors ----
58
-
59
- // Brand
60
- $blue: #4078c0 !default;
61
- $gray-dark: #333 !default;
62
- $gray-light: #999 !default;
63
- $gray: #767676 !default;
64
- $green: #6cc644 !default;
65
- $orange: #c9510c !default;
66
- $purple: #6e5494 !default;
67
- $red: #bd2c00 !default;
68
- $white: #fff !default;
69
-
70
- // State indicators.
71
- $status-renamed: #fffa5d !default;
72
- $status-pending: #cea61b !default;
73
-
74
- // Repository type colors
75
- $repo-private-text: #4c4a42 !default;
76
- $repo-private-bg: #fff9ea !default;
77
- $repo-private-icon: #e9dba5 !default;
78
-
79
- // Alerts
80
- $flash-border-blue: #bac6d3 !default;
81
- $flash-bg-blue: #e2eef9 !default;
82
- $flash-text-blue: #246 !default;
83
-
84
- $flash-border-yellow: #dfd8c2 !default;
85
- $flash-bg-yellow: #fff9ea !default;
86
- $flash-text-yellow: #4c4a42 !default;
87
-
88
- $flash-border-red: #d2b2b2 !default;
89
- $flash-bg-red: #fcdede !default;
90
- $flash-text-red: #911 !default;
91
-
92
- // Border colors
93
- $border-blue: #c5d5dd !default;
94
- $border-gray-dark: #ddd !default;
95
- $border-gray-light: #eee !default;
96
- $border-gray: #e5e5e5 !default;
97
-
98
- // Background colors
99
- $bg-blue-light: #f2f8fa !default;
100
- $bg-blue: $blue !default;
101
- $bg-gray-dark: $gray-dark !default;
102
- $bg-gray-light: #fafafa !default;
103
- $bg-gray: #f5f5f5 !default;
104
- $bg-green: $green !default;
105
- $bg-orange: $orange !default;
106
- $bg-purple: $purple !default;
107
- $bg-red: $red !default;
108
- $bg-white: $white !default;
109
-
110
- // Text colors
111
- $text-blue: $blue !default;
112
- $text-gray-dark: $gray-dark !default;
113
- $text-gray-light: $gray-light !default;
114
- $text-gray: $gray !default;
115
- $text-green: darken($green, 10%) !default;
116
- $text-orange: $orange !default;
117
- $text-purple: $purple !default;
118
- $text-red: $red !default;
119
- $text-white: $white !default;
120
-
121
- // Border size
122
- $border-width: 1px !default;
123
- $border-color: $border-gray !default;
124
- $border-style: solid !default;
125
- $border: $border-width $border-color $border-style !default;
126
- $border-radius: 3px !default;
127
-
128
- // Heading sizes
129
- $h00-size: 48px !default;
130
- $h0-size: 40px !default;
131
- $h1-size: 32px !default;
132
- $h2-size: 24px !default;
133
- $h3-size: 20px !default;
134
- $h4-size: 16px !default;
135
- $h5-size: 14px !default;
136
- $h6-size: 12px !default;
137
-
138
- $font-weight-bold: 600 !default;
139
- $font-weight-light: 300 !default;
140
-
141
- $font-size-small: 12px !default;
142
-
143
- $lh-condensed-ultra: 1 !default;
144
- $lh-condensed: 1.25 !default;
145
- $lh-default: 1.5 !default;
146
-
147
- // Font stacks
148
- $body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
149
-
150
- // Monospace font stack
151
- $mono-font: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
152
-
153
- // The base body size
154
- $body-font-size: 14px !default;
155
- $body-line-height: $lh-default !default;
156
-
157
- // Tooltips
158
- $tooltip-max-width: 250px !default;
159
- $tooltip-background-color: rgba(0, 0, 0, 0.8) !default;
160
- $tooltip-text-color: #fff !default;
161
- $tooltip-delay: 0.4s !default;
162
- $tooltip-duration: 0.1s !default;
163
-
164
- $blob-inner-border: #eee;
165
-
166
- $commitBackgroundColor: #f2f9fc;
167
-
168
- $conversationListBorderColor: #eee;
169
-
170
- $exploregrid-item-border-radius: 4px;
171
-
172
- $stats-switcher-py: 10px;
173
- // Future proof this `height` value by finding the computed line-height, then
174
- // adding the total value of the vertical padding. This var is used to toggle
175
- // between the stats bar and language breakdown.
176
- $stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);
177
-
178
- $min_tab_size: 1;
179
- $max_tab_size: 12;
@@ -1,29 +0,0 @@
1
- // Border utilities
2
- // stylelint-disable block-opening-brace-space-before, primer/selector-no-utility
3
- .border { border: $border !important; }
4
- .border-top { border-top: $border !important; }
5
- .border-right { border-right: $border !important; }
6
- .border-bottom { border-bottom: $border !important; }
7
- .border-left { border-left: $border !important; }
8
-
9
- .border-y {
10
- border-top: $border !important;
11
- border-bottom: $border !important;
12
- }
13
-
14
- // Border colors
15
- .border-blue { border-color: $border-blue !important; }
16
- .border-gray-light { border-color: $border-gray-light !important; }
17
- .border-gray-dark { border-color: $border-gray-dark !important; }
18
-
19
- // Without borders
20
- .border-0 { border: 0 !important; }
21
- .border-top-0 { border-top: 0 !important; }
22
- .border-right-0 { border-right: 0 !important; }
23
- .border-bottom-0 { border-bottom: 0 !important; }
24
- .border-left-0 { border-left: 0 !important; }
25
-
26
- // Rounded corners
27
- .rounded-0 { border-radius: 0 !important; }
28
- .rounded-1 { border-radius: $border-radius !important; }
29
- .rounded-2 { border-radius: $border-radius * 2 !important; }