Update Primer. Remove Ugly font.

This commit is contained in:
Sophie Shepherd 2019-01-30 19:02:39 -06:00
parent fce572823f
commit 4c46794104
108 changed files with 1380 additions and 1870 deletions

View file

@ -1,6 +1,6 @@
GIT
remote: git://github.com/github/pages-gem.git
revision: 06ff297fa077969851f9fd6f00ec5da8d1c33a60
revision: 1640e2a24d04fda34bc2ac3e9e6ea67a53190cad
branch: master
specs:
github-pages (193)
@ -45,13 +45,13 @@ GIT
listen (= 3.1.5)
mercenary (~> 0.3)
minima (= 2.5.0)
nokogiri (>= 1.8.2, < 2.0)
nokogiri (>= 1.8.5, < 2.0)
rouge (= 2.2.1)
terminal-table (~> 1.4)
GIT
remote: git://github.com/kenyonj/github-metadata.git
revision: 6be52b767cb555b07abdd06b2c2c7e185eb9bb51
revision: 8b621118ad31a07f2d756923407977543c7968bf
branch: jk-add-repo-stars-forks-hireable
specs:
jekyll-github-metadata (2.10.0)

View file

@ -3,7 +3,7 @@
<div class="d-md-flex" style="height: 100vh">
<div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-bottom border-md-none border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} h1-mktg mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
<p class="mb-3 f4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
{{ user.bio }}
</p>

View file

@ -2,7 +2,7 @@
<div class="container-lg py-6 p-responsive text-center">
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} h0-mktg mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
<p class="col-lg-8 mx-auto mb-3 f3 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
{{ user.bio }}
</p>

File diff suppressed because it is too large Load diff

View file

@ -19,7 +19,7 @@
<div class="d-md-flex" style="height: 100vh">
<div class="flex-self-stretch border-bottom border-md-none border-md-right border-gray-light bg-white col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
<img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;">
<h1 class=" mb-2 lh-condensed">Sophie Shepherd</h1>
<h1 class=" h1-mktg mb-2 lh-condensed">Sophie Shepherd</h1>
<p class="mb-3 f4 text-gray">
✏ Design manager at @github
</p>

242
_site/package-lock.json generated
View file

@ -19,8 +19,8 @@
"resolved": "https://registry.npmjs.org/elly/-/elly-1.1.10.tgz",
"integrity": "sha512-CXlhCGIzVjX1SLPttmq2fo7wsOlfPMsxqf8rIbpFSkNWC+U8Nuldo6rG6oeFiBY9+8e7YcizwDnyK72APWH+dQ==",
"requires": {
"iterate-object": "^1.3.2",
"sliced": "^1.0.1"
"iterate-object": "1.3.3",
"sliced": "1.0.1"
}
},
"fillo": {
@ -33,10 +33,10 @@
"resolved": "https://registry.npmjs.org/formatoid/-/formatoid-1.2.3.tgz",
"integrity": "sha512-CkI0aK01nKhHoFZByDKw/yrNPy+g56DNIEmlq0Q67grdR/LLV8Orc9gsTGVP7XufM3bZg8iuD5UsVfkOdJo2yg==",
"requires": {
"days": "^1.0.1",
"fillo": "^1.0.0",
"months": "^1.0.0",
"parse-it": "^1.0.0"
"days": "1.1.1",
"fillo": "1.0.12",
"months": "1.2.0",
"parse-it": "1.0.9"
}
},
"github-calendar": {
@ -44,10 +44,10 @@
"resolved": "https://registry.npmjs.org/github-calendar/-/github-calendar-1.3.1.tgz",
"integrity": "sha512-ABlceh7wTRLvKQK1h0srrD9FHjHeHXtsxPw8sEUOX9uq4YItlrPaLY7ftNuvC0N1w6yCjcQBV+zjIzNAD9iczg==",
"requires": {
"add-subtract-date": "^1.0.5",
"elly": "^1.0.0",
"formatoid": "^1.0.3",
"github-calendar-parser": "^1.1.3"
"add-subtract-date": "1.0.14",
"elly": "1.1.10",
"formatoid": "1.2.3",
"github-calendar-parser": "1.1.10"
}
},
"github-calendar-legend": {
@ -60,7 +60,7 @@
"resolved": "https://registry.npmjs.org/github-calendar-parser/-/github-calendar-parser-1.1.10.tgz",
"integrity": "sha512-muDJpHio2ATZ9WXqTjyrFitLxFlJyZTy/c0EtiNhOwPzUBW4zr3mnX1qoiZM8DkgbLAyZY5CoEno3GEXPDSMPQ==",
"requires": {
"github-calendar-legend": "^1.0.0"
"github-calendar-legend": "1.0.10"
}
},
"iterate-object": {
@ -78,201 +78,175 @@
"resolved": "https://registry.npmjs.org/parse-it/-/parse-it-1.0.9.tgz",
"integrity": "sha512-8KW9XwW5+DFsvkkSXLZw7AGormnQ+/unnqmTPq7uoiAJNaeLo0T78zT/Ootc0HrdEgVvxM4+mOCRLKJOVtkogQ==",
"requires": {
"regex-escape": "^3.4.0"
"regex-escape": "3.4.9"
}
},
"primer-base": {
"version": "1.9.2",
"resolved": "https://registry.npmjs.org/primer-base/-/primer-base-1.9.2.tgz",
"integrity": "sha512-KgZP0cGq0rdgyK5ozw7UbyqG52o0sbzAfRP3iEeoRhDwCJ3X0XaHeCINty7QhcIzWCccXkdamMe/P6HBwWM12g==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-base/-/primer-base-2.0.0.tgz",
"integrity": "sha512-qqE3MiI1Zr7HgTO7NxguYHw4QrkRGOQjMPck1bFEZhNL36ey5PWJwqB68X7w6frOjA8tRid2joL99GBQhc1NnQ==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-box": {
"version": "2.5.13",
"resolved": "https://registry.npmjs.org/primer-box/-/primer-box-2.5.13.tgz",
"integrity": "sha512-ZNZ8TFU05gqZx1oSk6DVdjACOOPsdJZqn0qYBcfsEu+AQQiKJ7HVH8pgODlH5tqj8Ihtoz3Q1CxCmrZhVnjnbA==",
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/primer-box/-/primer-box-3.0.0.tgz",
"integrity": "sha512-P6gUxgcC5Se2nPx4erHmj6JhqgBMxJDeJyuz5OS+SArWR0cydxi86Cf7mH4eNC+PebJQ91K+ddcxkU6w3vOEqw==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-breadcrumb": {
"version": "1.5.9",
"resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.5.9.tgz",
"integrity": "sha512-A2+rm3Gi2vk4LYr8yWrNwYNc2i59gcnfAGyT/QJ7G66R0kLD8M3rIPDw2vmRY5LagTvZ8KnY6wRwc5GSSKVBDQ==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-2.0.0.tgz",
"integrity": "sha512-IhIQZ8HXZNnMh53qzl7JKDrUEAH4jPiqQ4WfxNrFwSoYUrQ7eGN3SJ9LD9oIjtmmO9DUUJhvmR0Cbr9OM1VB8w==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-buttons": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.6.4.tgz",
"integrity": "sha512-6+wFjXKGk76qZmUrnUTXm8Zo6viiNlcGcSSiW89OeAW2qkHHlTvyMqoKwExg8nGNFbLIGxhvqb9V++nx20Pq1Q==",
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-3.0.0.tgz",
"integrity": "sha512-oQX3FOCRrnSrhPFef5AvLkBV9og7W/U0GYPvu1FbXV+CDVauO8pC5hntQqvwa9w/VCptsJl2qpYSIFCQiH+f1g==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-core": {
"version": "6.10.9",
"resolved": "https://registry.npmjs.org/primer-core/-/primer-core-6.10.9.tgz",
"integrity": "sha512-OJmJzhjw4UXXU/IzH3JoJL6KGHfWep8G8t+EHNGIJVHBsrGQYylp5iEcsPuHLDQVpKbOtuj3Rqg3ef53ei2R5A==",
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/primer-core/-/primer-core-7.0.0.tgz",
"integrity": "sha512-m7E5IddQpzV2Jtrlk9s513zmM7ZMtZUBDJ9Bckrz+67tPSvY74jqwfvwvkty/hLhQFPlM8p+c0fmmRTcO+vVIA==",
"requires": {
"primer-base": "1.9.2",
"primer-box": "2.5.13",
"primer-breadcrumb": "1.5.9",
"primer-buttons": "2.6.4",
"primer-forms": "2.1.8",
"primer-layout": "1.6.2",
"primer-navigation": "1.5.11",
"primer-pagination": "1.0.7",
"primer-support": "4.7.2",
"primer-table-object": "1.4.13",
"primer-tooltips": "1.5.11",
"primer-truncate": "1.4.13",
"primer-utilities": "4.14.4"
"primer-base": "2.0.0",
"primer-box": "3.0.0",
"primer-breadcrumb": "2.0.0",
"primer-buttons": "3.0.0",
"primer-forms": "3.0.0",
"primer-layout": "2.0.0",
"primer-navigation": "2.0.0",
"primer-pagination": "2.0.0",
"primer-support": "5.0.0",
"primer-table-object": "2.0.0",
"primer-tooltips": "2.0.0",
"primer-truncate": "2.0.0",
"primer-utilities": "5.0.0"
}
},
"primer-forms": {
"version": "2.1.8",
"resolved": "https://registry.npmjs.org/primer-forms/-/primer-forms-2.1.8.tgz",
"integrity": "sha512-bAobB7DUWphIjdcXfPD6CPWwvWBp5hbH65seO0OT+KkYbCLrDZCeFxLfRs9u1LyYN07DJR/vf4k8wom0Bksr4A==",
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/primer-forms/-/primer-forms-3.0.0.tgz",
"integrity": "sha512-buKBHx1skjLmPgYvpFL5Xr3cbE9lxGkWS/h8lsuwL3ZCx5axHFu8MI+fKL6BY1EInRfbfk56d6Dn4QbC/ctInQ==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-layout": {
"version": "1.6.2",
"resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-1.6.2.tgz",
"integrity": "sha512-Ov/g9GiAaKhRAXku2wxsTlmJXhQPAjWpCwibJ+Ooxu0X8n6BA52y/ScZUPFdde+vZYhbFGFQwozU8y2bzuw3dg==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-2.0.0.tgz",
"integrity": "sha512-lwRq5KDaErF4JecHnBr2h6D4Dqbfv28pFBafIOsPvIuMHDHmxNVqao1LRXC86ficL9V0aynlkmH8q6DqKnVPlw==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-marketing": {
"version": "6.3.3",
"resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-6.3.3.tgz",
"integrity": "sha512-vmR/YkOlFnQVQSxluXe5lbkH+B7Z2tirgCDGVp+SD9Zs+FJ6YRELmw6cjm0okVkH9205qcMvy9INOunkhKrktw==",
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-7.0.0.tgz",
"integrity": "sha512-gLIWiE3pW1rXEEnmfz2eekq4LC27QUeMccrG87EU5qyEnu8LMr59c5LRibc5EJaCsa4708Jd2WxxSXEfD0ieug==",
"requires": {
"primer-marketing-buttons": "1.0.13",
"primer-marketing-support": "1.5.6",
"primer-marketing-type": "1.4.13",
"primer-marketing-utilities": "1.7.3",
"primer-page-headers": "1.5.3",
"primer-page-sections": "1.5.3",
"primer-support": "4.7.2",
"primer-tables": "1.5.3"
"primer-marketing-buttons": "2.0.0",
"primer-marketing-support": "2.0.0",
"primer-marketing-type": "2.0.0",
"primer-marketing-utilities": "2.0.0",
"primer-support": "5.0.0"
}
},
"primer-marketing-buttons": {
"version": "1.0.13",
"resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-1.0.13.tgz",
"integrity": "sha512-1MzzrG/68zaEcQypG50uELwQ4MHH9b8aTy3jXxayZRc1qvZaLh5SEcSIHWe5lMIZk8qrtYhr22py9+kibyTKIQ==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-2.0.0.tgz",
"integrity": "sha512-R8DvbvI6QjH9/xG2diqReqHhkMgKbiJ7+xg2VTlQon3H5sAxvUqBiqfqY+ZrZ9K5eyrLP+3Z/cgysKd/xe1U2A==",
"requires": {
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
}
},
"primer-marketing-support": {
"version": "1.5.6",
"resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-1.5.6.tgz",
"integrity": "sha512-YU8ein52s/W+s4a4hHZZJbHURfz2FLI5ItrUxqaqJjcT0O2bALP/JbuCZDrbvWxuOSK4kbF22ANmmMGWFIzp/Q=="
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-2.0.0.tgz",
"integrity": "sha512-HyYxwDVn9aGVN4wyXiIAzHrAgmoyNlXvZpRXh/UZRlA9EfZMxlCji3KhuMFzQFtYi+nXt7f/cTB5AX9YRnlVZg==",
"requires": {
"primer-support": "5.0.0"
}
},
"primer-marketing-type": {
"version": "1.4.13",
"resolved": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-1.4.13.tgz",
"integrity": "sha512-ke6l3zgc4mF5ArDzZB1TJ5VHbZG2/uwekVROLQOK4v7XI0MkYZWA9tI+k8UhaFLSsw0vGqxM2ibKUzsQH61C8g==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-2.0.0.tgz",
"integrity": "sha512-c+bCjKVulTrRhjAHJ7pcaFYDUYiSecVFXMo6DkA9v5JvZ2cK/m4LySo5Eb2qbQmPBwLx6t/V1TnxD2cgKtdIDA==",
"requires": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
}
},
"primer-marketing-utilities": {
"version": "1.7.3",
"resolved": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-1.7.3.tgz",
"integrity": "sha512-YYDPgyC0G65tPHwZ6ktxfEAqUkJlU2sZjzdcH7thlcg83/UqiZfgmgiiBAxdMjrACY7Q2X9HaHicr5F4rmPhPw==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-2.0.0.tgz",
"integrity": "sha512-R2Y8uaOy44J9NtBNlLJKUrPKxtxv8svss3vP8YS4RRWISUSQGcjxRFPUX5ra8hqaenWO/NBbmeFVJXDwgrKu1A==",
"requires": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
}
},
"primer-navigation": {
"version": "1.5.11",
"resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.5.11.tgz",
"integrity": "sha512-Fykn/zuJX8z8kEIkzxnbwZhbCbYbuQF7Iv+03yzBeesOfN4VaQKgpTtaAXW26NB1BjOo3omrhVivYoejTFXbuw==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-2.0.0.tgz",
"integrity": "sha512-yi45wDOuct/Wxp60hG74kfiNKsTluYmhsNelMBOy5WgTmnqtQy0l3d5NAQz/XdvEdiRrpres3LcPxs8GONO3sQ==",
"requires": {
"primer-support": "4.7.2"
}
},
"primer-page-headers": {
"version": "1.5.3",
"resolved": "https://registry.npmjs.org/primer-page-headers/-/primer-page-headers-1.5.3.tgz",
"integrity": "sha512-SVgAnr1jz/8qNhr+LsQayHGGICi1pCfBJV2R+zhcooDJC29ddSoTW+LpwvBj1P68c7sJfaMPRmlcq0hUGGG/Pw==",
"requires": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
}
},
"primer-page-sections": {
"version": "1.5.3",
"resolved": "https://registry.npmjs.org/primer-page-sections/-/primer-page-sections-1.5.3.tgz",
"integrity": "sha512-xaj6v+v3FvaSMVFDZAYsrObkvOviPwxYZt0rrkMeoyhrMVG2uB3nD3Kmu3st9UbwobdXjMTSKPkKBcarckwhuw==",
"requires": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-pagination": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.7.tgz",
"integrity": "sha512-c0Vmc3ZYspn+JdY6nmH626c+bxkuJLToYueksEMOrET4da05xwnC8dF7v6fh7UlBZ+qNArf+SsFWqXJPW5C8IA==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.0.0.tgz",
"integrity": "sha512-+1BGHkNJoJtGVkfWi/IUP82MlShSrPJM1my6da1UnfcRBhONfk+7O3DXT7VLscXYk11rYsd/pGKZ8ZPH4DAvsw==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-support": {
"version": "4.7.2",
"resolved": "https://registry.npmjs.org/primer-support/-/primer-support-4.7.2.tgz",
"integrity": "sha512-WbfjjITtGV6iXQeaVPL+AzHj1Jv9RHJRp7kIu5ebFXwolWmCqTBpA/8VmWmssyeTfv8zR7iuCoT0UoBF+uGHww=="
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/primer-support/-/primer-support-5.0.0.tgz",
"integrity": "sha512-inUxVSsGirn5IkPxBhFsMBgm8ZHyfOUmOWyDCN8cBXtbaLiCIAjHsPI46yS1zrWxnn0J2kvq8haomkrlHGF08g=="
},
"primer-table-object": {
"version": "1.4.13",
"resolved": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-1.4.13.tgz",
"integrity": "sha512-JoU/T1aubSg3cvEXh5K95X63W5bJLFlvDflVWMc8QJKiHBPmICH7yccsGI+ybhEUnd7MUD+BEXKgQwM+Iinv5g==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-2.0.0.tgz",
"integrity": "sha512-ajCCvy93AwE8g62wS9Frw6kw1JM+gLCwMrr5N3ZXsu4lN1171782lnHcNBFdVzu0iFYiovH7CfQ0glVRNJVAbg==",
"requires": {
"primer-support": "4.7.2"
}
},
"primer-tables": {
"version": "1.5.3",
"resolved": "https://registry.npmjs.org/primer-tables/-/primer-tables-1.5.3.tgz",
"integrity": "sha512-ZTBG2qQvE9qKI8N7sdN39F8y5sckDRSFR4JkTVQqujrXwoK7kGeqdNXirKFSuzSyW9MnBt02tOTQ65xC0xl3sg==",
"requires": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-tooltips": {
"version": "1.5.11",
"resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.5.11.tgz",
"integrity": "sha512-r0C4gnzg8hChoKVU5hC+e7BlKM3gkO+W8L1o91RCDiguN9S0u/yo3DQwlVL68igvAP34NEYzchsZ82BkQkd1Dg==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-2.0.0.tgz",
"integrity": "sha512-cNF3r3hG6sXLr71GbYyJw3BXCBhspW4FjzJ0Hx/BO+lP3XCrNAX/wqd57+vvnWSuaLif2O8s3/Prs3VBF50hVQ==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-truncate": {
"version": "1.4.13",
"resolved": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-1.4.13.tgz",
"integrity": "sha512-/3saQDL8n77nGJ7zMT05PKTKeMTFrR2QVjZsD5XnOblMiglND95ozOKef0sDcyrgR7fv+qLMXr56+QS/FWFSsw==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-2.0.0.tgz",
"integrity": "sha512-/rmXZCR/wQpOyQsp/vSY8sO/9IczidcFRN0iUg4oCUXgufNuh8IRHetYOGXwnlMiO5c9EkbNFJi/6jkFmRBd4g==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"primer-utilities": {
"version": "4.14.4",
"resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.14.4.tgz",
"integrity": "sha512-EEZxsp/bjY4jkTqDeVJfWI/df55icDhFDGylX59VeiSVudIgUUe5G1VqtgGJIXgqnkiLf5u+iaOSayFvxqhTrg==",
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-5.0.0.tgz",
"integrity": "sha512-HeMffBQLL2ygyPOUMccN43L9A/3HYsbDhs423Sr3Run1eW1ZvfTgCP3xh9P8Dh/dJt5qHFkekzBc4Y8qsZ3UtA==",
"requires": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
}
},
"regex-escape": {

View file

@ -18,7 +18,7 @@
"homepage": "https://github.com/github/profile-generator#readme",
"dependencies": {
"github-calendar": "^1.3.1",
"primer-core": "^6.10.9",
"primer-marketing": "^6.3.3"
"primer-core": "^7.0.0",
"primer-marketing": "7.0.0"
}
}

View file

@ -2,12 +2,3 @@
---
@import "primer-core/index";
@import "primer-marketing/index";
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900');
body {
font-family: 'Rubik', sans-serif;
}
.github-component {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}

View file

@ -64,7 +64,7 @@ th {
button {
cursor: pointer;
// Remove border radius added by Chroma macOS
// Remove border radius added by Chrome macOS
border-radius: 0;
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-base@1.9.2",
"_id": "primer-base@1.9.2",
"_from": "primer-base@2.0.0",
"_id": "primer-base@2.0.0",
"_inBundle": false,
"_integrity": "sha512-KgZP0cGq0rdgyK5ozw7UbyqG52o0sbzAfRP3iEeoRhDwCJ3X0XaHeCINty7QhcIzWCccXkdamMe/P6HBwWM12g==",
"_integrity": "sha512-qqE3MiI1Zr7HgTO7NxguYHw4QrkRGOQjMPck1bFEZhNL36ey5PWJwqB68X7w6frOjA8tRid2joL99GBQhc1NnQ==",
"_location": "/primer-base",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-base@1.9.2",
"raw": "primer-base@2.0.0",
"name": "primer-base",
"escapedName": "primer-base",
"rawSpec": "1.9.2",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.9.2"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-1.9.2.tgz",
"_shasum": "3fa7fa362a39df8f0700f9169ffe58761134e451",
"_spec": "primer-base@1.9.2",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-2.0.0.tgz",
"_shasum": "6456b5a0b378d4fa36984117af2771b2dd157997",
"_spec": "primer-base@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "CSS to reset the browsers default styles",
@ -74,5 +74,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.9.2"
"version": "2.0.0"
}

24
node_modules/primer-box/package.json generated vendored
View file

@ -1,27 +1,27 @@
{
"_from": "primer-box@2.5.13",
"_id": "primer-box@2.5.13",
"_from": "primer-box@3.0.0",
"_id": "primer-box@3.0.0",
"_inBundle": false,
"_integrity": "sha512-ZNZ8TFU05gqZx1oSk6DVdjACOOPsdJZqn0qYBcfsEu+AQQiKJ7HVH8pgODlH5tqj8Ihtoz3Q1CxCmrZhVnjnbA==",
"_integrity": "sha512-P6gUxgcC5Se2nPx4erHmj6JhqgBMxJDeJyuz5OS+SArWR0cydxi86Cf7mH4eNC+PebJQ91K+ddcxkU6w3vOEqw==",
"_location": "/primer-box",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-box@2.5.13",
"raw": "primer-box@3.0.0",
"name": "primer-box",
"escapedName": "primer-box",
"rawSpec": "2.5.13",
"rawSpec": "3.0.0",
"saveSpec": null,
"fetchSpec": "2.5.13"
"fetchSpec": "3.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-box/-/primer-box-2.5.13.tgz",
"_shasum": "126216f3b18bd51679aa5f055a9ef373cd326f5d",
"_spec": "primer-box@2.5.13",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-box/-/primer-box-3.0.0.tgz",
"_shasum": "1ff211156f6b86aab46ac2445c80fe4ca601283b",
"_spec": "primer-box@3.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
@ -67,5 +67,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "2.5.13"
"version": "3.0.0"
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-breadcrumb@1.5.9",
"_id": "primer-breadcrumb@1.5.9",
"_from": "primer-breadcrumb@2.0.0",
"_id": "primer-breadcrumb@2.0.0",
"_inBundle": false,
"_integrity": "sha512-A2+rm3Gi2vk4LYr8yWrNwYNc2i59gcnfAGyT/QJ7G66R0kLD8M3rIPDw2vmRY5LagTvZ8KnY6wRwc5GSSKVBDQ==",
"_integrity": "sha512-IhIQZ8HXZNnMh53qzl7JKDrUEAH4jPiqQ4WfxNrFwSoYUrQ7eGN3SJ9LD9oIjtmmO9DUUJhvmR0Cbr9OM1VB8w==",
"_location": "/primer-breadcrumb",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-breadcrumb@1.5.9",
"raw": "primer-breadcrumb@2.0.0",
"name": "primer-breadcrumb",
"escapedName": "primer-breadcrumb",
"rawSpec": "1.5.9",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.5.9"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.5.9.tgz",
"_shasum": "24c557c925e9cf29f551a0ff2622f4abb1d7c22c",
"_spec": "primer-breadcrumb@1.5.9",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-2.0.0.tgz",
"_shasum": "9ae7493709eaaf89825487c1f46564305feed711",
"_spec": "primer-breadcrumb@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Breadcrumb navigation for pages with parents / grandparents.",
@ -71,5 +71,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.5.9"
"version": "2.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2,7 +2,6 @@
//
// A button group is a series of buttons laid out next to each other, all part
// of one visual button, but separated by rules to be separate.
@warn ".BtnGroup-form will be deprecated in version 11. Use .BtnGroup-parent instead.";
.BtnGroup {
display: inline-block;
@ -40,15 +39,13 @@
border-right-width: $border-width;
+ .BtnGroup-item,
+ .BtnGroup-parent .BtnGroup-item,
+ .BtnGroup-form .BtnGroup-item {
+ .BtnGroup-parent .BtnGroup-item {
border-left-width: 0;
}
}
}
.BtnGroup-parent,
.BtnGroup-form {
.BtnGroup-parent {
float: left;
&:first-child .BtnGroup-item {
@ -76,8 +73,7 @@
}
+ .BtnGroup-item,
+ .BtnGroup-parent .BtnGroup-item,
+ .BtnGroup-form .BtnGroup-item {
+ .BtnGroup-parent .BtnGroup-item {
border-left-width: 0;
}
}
@ -85,8 +81,7 @@
// ensure that the focus ring sits above the adjacent buttons
.BtnGroup-item,
.BtnGroup-parent,
.BtnGroup-form {
.BtnGroup-parent {
&:focus,
&:active {
z-index: 1;

View file

@ -1,27 +1,27 @@
{
"_from": "primer-buttons@2.6.4",
"_id": "primer-buttons@2.6.4",
"_from": "primer-buttons@3.0.0",
"_id": "primer-buttons@3.0.0",
"_inBundle": false,
"_integrity": "sha512-6+wFjXKGk76qZmUrnUTXm8Zo6viiNlcGcSSiW89OeAW2qkHHlTvyMqoKwExg8nGNFbLIGxhvqb9V++nx20Pq1Q==",
"_integrity": "sha512-oQX3FOCRrnSrhPFef5AvLkBV9og7W/U0GYPvu1FbXV+CDVauO8pC5hntQqvwa9w/VCptsJl2qpYSIFCQiH+f1g==",
"_location": "/primer-buttons",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-buttons@2.6.4",
"raw": "primer-buttons@3.0.0",
"name": "primer-buttons",
"escapedName": "primer-buttons",
"rawSpec": "2.6.4",
"rawSpec": "3.0.0",
"saveSpec": null,
"fetchSpec": "2.6.4"
"fetchSpec": "3.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.6.4.tgz",
"_shasum": "7c86c4610b56cf6af5f0e0ecccdbe1329077733d",
"_spec": "primer-buttons@2.6.4",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-3.0.0.tgz",
"_shasum": "42e4369e158d65dda7851bf6cbade0651af24a5d",
"_spec": "primer-buttons@3.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "A collection of buttons used for primary and secondary actions.",
@ -69,5 +69,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "2.6.4"
"version": "3.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,28 +1,27 @@
{
"_from": "primer-core",
"_id": "primer-core@6.10.9",
"_from": "primer-core@^7.0.0",
"_id": "primer-core@7.0.0",
"_inBundle": false,
"_integrity": "sha512-OJmJzhjw4UXXU/IzH3JoJL6KGHfWep8G8t+EHNGIJVHBsrGQYylp5iEcsPuHLDQVpKbOtuj3Rqg3ef53ei2R5A==",
"_integrity": "sha512-m7E5IddQpzV2Jtrlk9s513zmM7ZMtZUBDJ9Bckrz+67tPSvY74jqwfvwvkty/hLhQFPlM8p+c0fmmRTcO+vVIA==",
"_location": "/primer-core",
"_phantomChildren": {},
"_requested": {
"type": "tag",
"type": "range",
"registry": true,
"raw": "primer-core",
"raw": "primer-core@^7.0.0",
"name": "primer-core",
"escapedName": "primer-core",
"rawSpec": "",
"rawSpec": "^7.0.0",
"saveSpec": null,
"fetchSpec": "latest"
"fetchSpec": "^7.0.0"
},
"_requiredBy": [
"#USER",
"/"
],
"_resolved": "https://registry.npmjs.org/primer-core/-/primer-core-6.10.9.tgz",
"_shasum": "80a6bb4ab2b19750c39de052fd587416a76e7223",
"_spec": "primer-core",
"_where": "/Users/brandonrosage/github/profile-generator",
"_resolved": "https://registry.npmjs.org/primer-core/-/primer-core-7.0.0.tgz",
"_shasum": "0ce9b0e5cacfece0618439340055168e8f80bed5",
"_spec": "primer-core@^7.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator",
"author": {
"name": "GitHub, Inc."
},
@ -31,19 +30,19 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-base": "1.9.2",
"primer-box": "2.5.13",
"primer-breadcrumb": "1.5.9",
"primer-buttons": "2.6.4",
"primer-forms": "2.1.8",
"primer-layout": "1.6.2",
"primer-navigation": "1.5.11",
"primer-pagination": "1.0.7",
"primer-support": "4.7.2",
"primer-table-object": "1.4.13",
"primer-tooltips": "1.5.11",
"primer-truncate": "1.4.13",
"primer-utilities": "4.14.4"
"primer-base": "2.0.0",
"primer-box": "3.0.0",
"primer-breadcrumb": "2.0.0",
"primer-buttons": "3.0.0",
"primer-forms": "3.0.0",
"primer-layout": "2.0.0",
"primer-navigation": "2.0.0",
"primer-pagination": "2.0.0",
"primer-support": "5.0.0",
"primer-table-object": "2.0.0",
"primer-tooltips": "2.0.0",
"primer-truncate": "2.0.0",
"primer-utilities": "5.0.0"
},
"deprecated": false,
"description": "Primer's core modules",
@ -73,5 +72,5 @@
"test": "npm run build"
},
"style": "build/build.css",
"version": "6.10.9"
"version": "7.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -5,12 +5,8 @@
display: inline-block;
max-width: 100%;
height: 34px;
// IE9 hacks to reduce padding
padding-right: $spacer-4;
padding-right: $spacer-2 \9;
background: $bg-white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
// IE9 hacks to hide the background-image
background-image: none \9;
background-size: 8px 10px;
appearance: none;

View file

@ -1,27 +1,27 @@
{
"_from": "primer-forms@2.1.8",
"_id": "primer-forms@2.1.8",
"_from": "primer-forms@3.0.0",
"_id": "primer-forms@3.0.0",
"_inBundle": false,
"_integrity": "sha512-bAobB7DUWphIjdcXfPD6CPWwvWBp5hbH65seO0OT+KkYbCLrDZCeFxLfRs9u1LyYN07DJR/vf4k8wom0Bksr4A==",
"_integrity": "sha512-buKBHx1skjLmPgYvpFL5Xr3cbE9lxGkWS/h8lsuwL3ZCx5axHFu8MI+fKL6BY1EInRfbfk56d6Dn4QbC/ctInQ==",
"_location": "/primer-forms",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-forms@2.1.8",
"raw": "primer-forms@3.0.0",
"name": "primer-forms",
"escapedName": "primer-forms",
"rawSpec": "2.1.8",
"rawSpec": "3.0.0",
"saveSpec": null,
"fetchSpec": "2.1.8"
"fetchSpec": "3.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-forms/-/primer-forms-2.1.8.tgz",
"_shasum": "6bc9f0bb3e58e2df36c23b0ae894584c0aac27da",
"_spec": "primer-forms@2.1.8",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-forms/-/primer-forms-3.0.0.tgz",
"_shasum": "e6974a53c467ac1fc00ab67eb7ec5270cf82c549",
"_spec": "primer-forms@3.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Style individual form controls and utilize common layouts.",
@ -70,5 +70,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "2.1.8"
"version": "3.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -374,9 +374,13 @@ This is how that example would look at the `lg` breakpoint.
```
## Containers
Container widths match our breakpoints and are available at a `md`, `lg`, and `xl` size. Containers apply a max-width rather than a fixed width for responsive layouts, and they center the container.
Container widths match our breakpoints and are available at a `sm`, `md`, `lg`, and `xl` size. Containers apply a max-width rather than a fixed width for responsive layouts, and they center the container.
```html title="Containers sized"
<div class="container-sm border">
.container-sm, max-width 544px
</div>
<div class="container-md border">
.container-md, max-width 768px
</div>
@ -389,5 +393,3 @@ Container widths match our breakpoints and are available at a `md`, `lg`, and `x
.container-xl, max-width 1280px
</div>
```
**Note:** `.container` is being replaced with `.container-lg`. To match the current fixed page width use `.container-lg` with `px-3`. This gives the container padding on smaller screens which works better for responsive layouts.

View file

@ -3,6 +3,8 @@
// Create rows with `.columns` to clear the floated columns and outdent the
// padding on `.column`s with negative margin for alignment.
@warn ".columns, .column, .one-third, .two-thirds, .one-fourth, .one-half, .three-fourths, .one-fifth, .four-fifths, .centered will be deprecated in 12.0.0 please migrate to grid.scss";
.columns {
margin-right: -$grid-gutter;
margin-left: -$grid-gutter;

View file

@ -8,6 +8,14 @@
}
// Handy container styles that match our breakpoints
// 544px
.container-sm {
max-width: $width-sm;
margin-right: auto;
margin-left: auto;
}
// 768px
.container-md {
max-width: $container-md;

View file

@ -1,27 +1,27 @@
{
"_from": "primer-layout@1.6.2",
"_id": "primer-layout@1.6.2",
"_from": "primer-layout@2.0.0",
"_id": "primer-layout@2.0.0",
"_inBundle": false,
"_integrity": "sha512-Ov/g9GiAaKhRAXku2wxsTlmJXhQPAjWpCwibJ+Ooxu0X8n6BA52y/ScZUPFdde+vZYhbFGFQwozU8y2bzuw3dg==",
"_integrity": "sha512-lwRq5KDaErF4JecHnBr2h6D4Dqbfv28pFBafIOsPvIuMHDHmxNVqao1LRXC86ficL9V0aynlkmH8q6DqKnVPlw==",
"_location": "/primer-layout",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-layout@1.6.2",
"raw": "primer-layout@2.0.0",
"name": "primer-layout",
"escapedName": "primer-layout",
"rawSpec": "1.6.2",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.6.2"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-1.6.2.tgz",
"_shasum": "41eff77f2571fe5f5d8709dd4c5e6963604d3a41",
"_spec": "primer-layout@1.6.2",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-2.0.0.tgz",
"_shasum": "df53c5a6148b36c4d0fec1884a7b4a77c358a8dd",
"_spec": "primer-layout@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Containers, rows, and columns for creating page layout.",
@ -68,5 +68,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.6.2"
"version": "2.0.0"
}

View file

@ -15,38 +15,31 @@ path: components/marketing-buttons
status: New Release
-->
Marketing buttons extend primer-core buttons with more color and fill styles.
Marketing buttons come in different colors and sizes, and are also available in a blue outlined version.
## Colors and outlined
## Colors
Marketing buttons can be solid blue, outlined blue, or solid green.
Marketing buttons are available in orange.
The solid blue and solid green buttons have more visual emphasis than the blue outlined button, therefore they should be used sparingly and only for call to actions that need emphasis.
```html
<button class="btn btn-orange" type="button">Button button</button>
<button class="btn-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-outline-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-primary-mktg mr-2" type="button">Sign up</button>
```
## Outline button colors
## Sizes
The `btn-outline` has also been extended with orange, purple, and green.
Available in two sizes, marketing buttons have a default size and a large size.
```html
<button class="btn btn-outline-orange" type="button">Button button</button>
<a class="btn btn-outline-purple" href="#url" role="button">Link button</a>
<button class="btn btn-outline-green" type="button">Button button</button>
```
## Transparent button
A button can also be transparent and displayed with a white border with `btn-transparent`.
```html
<div class="bg-gray-dark p-4 mt-4">
<button class="btn btn-transparent" type="button">
Button button
<span class="Counter">12</span>
</button>
</div>
<button class="btn-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-outline-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-primary-mktg mr-2" type="button">Sign up</button>
<button class="btn-mktg btn-large-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-outline-mktg btn-large-mktg mr-2" type="button">Learn more</button>
<button class="btn-mktg btn-primary-mktg btn-large-mktg mr-2" type="button">Sign up</button>
```
<!-- %enddocs -->

View file

@ -1 +1 @@
.btn-orange{color:#fff;background-color:#d25a08;background-image:linear-gradient(-180deg, #f7802f 0%, #d25a08 90%)}.btn-orange:focus,.btn-orange.focus{box-shadow:0 0 0 0.2em rgba(247,128,47,0.4)}.btn-orange:hover,.btn-orange.hover{background-color:#c85607;background-image:linear-gradient(-180deg, #f77a25 0%, #c85607 90%);background-position:-.5em;border-color:rgba(27,31,35,0.5)}.btn-orange:active,.btn-orange.selected,[open]>.btn-orange{background-color:#c65e17;background-image:none;border-color:rgba(27,31,35,0.5);box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn-orange:disabled,.btn-orange.disabled{color:rgba(255,255,255,0.75);background-color:#e9ad83;background-image:none;border-color:rgba(27,31,35,0.2);box-shadow:none}.btn-orange .Counter{color:#f46909;background-color:#fff}.btn-outline-purple{color:#6f42c1;background-color:#fff;background-image:none}.btn-outline-purple .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline-purple:hover,.btn-outline-purple:active,.btn-outline-purple.selected,[open]>.btn-outline-purple{color:#fff;background-color:#6f42c1;background-image:none;border-color:#6f42c1}.btn-outline-purple:hover .Counter,.btn-outline-purple:active .Counter,.btn-outline-purple.selected .Counter,[open]>.btn-outline-purple .Counter{color:#6f42c1;background-color:#fff}.btn-outline-purple:focus{border-color:#6f42c1;box-shadow:0 0 0 0.2em rgba(111,66,193,0.4)}.btn-outline-purple:disabled,.btn-outline-purple.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-outline-orange{color:#f66a0a;background-color:#fff;background-image:none}.btn-outline-orange .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline-orange:hover,.btn-outline-orange:active,.btn-outline-orange.selected,[open]>.btn-outline-orange{color:#fff;background-color:#f66a0a;background-image:none;border-color:#f66a0a}.btn-outline-orange:hover .Counter,.btn-outline-orange:active .Counter,.btn-outline-orange.selected .Counter,[open]>.btn-outline-orange .Counter{color:#f66a0a;background-color:#fff}.btn-outline-orange:focus{border-color:#f66a0a;box-shadow:0 0 0 0.2em rgba(246,106,10,0.4)}.btn-outline-orange:disabled,.btn-outline-orange.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-outline-green{color:#28a745;background-color:#fff;background-image:none}.btn-outline-green .Counter{background-color:rgba(27,31,35,0.07)}.btn-outline-green:hover,.btn-outline-green:active,.btn-outline-green.selected,[open]>.btn-outline-green{color:#fff;background-color:#28a745;background-image:none;border-color:#28a745}.btn-outline-green:hover .Counter,.btn-outline-green:active .Counter,.btn-outline-green.selected .Counter,[open]>.btn-outline-green .Counter{color:#28a745;background-color:#fff}.btn-outline-green:focus{border-color:#28a745;box-shadow:0 0 0 0.2em rgba(40,167,69,0.4)}.btn-outline-green:disabled,.btn-outline-green.disabled{color:rgba(27,31,35,0.3);background-color:#fff;border-color:rgba(27,31,35,0.15);box-shadow:none}.btn-transparent{color:#fff;background-color:transparent;background-image:none;border:1px solid rgba(255,255,255,0.5)}.btn-transparent:hover,.btn-transparent:active{color:#2f363d;background-color:#fff;background-image:none;border-color:#fff}
@font-face{font-family:InterUI;font-style:normal;font-weight:400;src:local("InterUI"),local("InterUI-Regular"),url("/primer-marketing-support/fonts/Inter-UI-Regular.woff") format("woff")}@font-face{font-family:InterUI;font-style:normal;font-weight:500;src:local("InterUI Medium"),local("InterUI-Medium"),url("/primer-marketing-support/fonts/Inter-UI-Medium.woff") format("woff")}.btn-mktg{display:inline-block;padding:16px 24px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#1277eb;border:1px solid #1277eb;border-radius:3px;transition:.2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-mktg:hover{text-decoration:none;background-color:#0366d6;border-color:#0366d6}.btn-mktg:focus{outline:0;box-shadow:0 0 0 0.2em rgba(3,102,214,0.3)}.btn-mktg:disabled,.btn-mktg.disabled{pointer-events:none;cursor:default;opacity:0.65}.btn-primary-mktg{background-color:#2ebc4f;border-color:#2ebc4f}.btn-primary-mktg:hover{background-color:#28a745;border-color:#28a745}.btn-primary-mktg:focus{box-shadow:0 0 0 0.2em rgba(40,167,69,0.3)}.btn-large-mktg{padding:20px 32px;font-size:16px}.btn-outline-mktg{color:#1277eb;background-color:#fff;border-color:rgba(18,119,235,0.5)}.btn-outline-mktg:hover{color:#0366d6;text-decoration:none;background-color:#fff;border-color:#1277eb}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,3 +1,4 @@
// support files
@import "primer-support/index.scss";
@import "primer-marketing-support/index.scss";
@import "./lib/button.scss";

View file

@ -1,24 +1,66 @@
.btn-orange { @include btn-solid($white, lighten($orange-500, 7.5%), darken($orange-500, 7.5%)); }
.btn-outline-purple { @include btn-outline($purple); }
.btn-outline-orange { @include btn-outline($orange); }
.btn-outline-green { @include btn-outline($green); }
@mixin btn-transparent-active {
color: $gray-800;
background-color: $white;
background-image: none;
border-color: $white;
}
.btn-transparent {
.btn-mktg {
display: inline-block;
padding: $spacer-3 $spacer-4;
font-size: $h5-size;
font-weight: $font-weight-semibold;
color: $white;
background-color: transparent;
background-image: none;
border: $border-width $border-style $white-fade-50;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: $blue-450;
border: 1px solid $blue-450;
border-radius: $border-radius;
transition: $transition-time / 2;
appearance: none; // Corrects inability to style clickable `input` types in iOS.
&:hover,
&:active {
@include btn-transparent-active;
&:hover {
text-decoration: none;
background-color: $blue-500;
border-color: $blue-500;
}
&:focus {
outline: 0;
box-shadow: 0 0 0 0.2em rgba($blue-500, 0.3);
}
&:disabled,
&.disabled {
pointer-events: none; // Disable hover styles
cursor: default;
opacity: 0.65;
}
}
.btn-primary-mktg {
background-color: $green-450;
border-color: $green-450;
&:hover {
background-color: $green-500;
border-color: $green-500;
}
&:focus {
box-shadow: 0 0 0 0.2em rgba($green-500, 0.3);
}
}
.btn-large-mktg {
padding: 20px $spacer-5;
font-size: $h4-size;
}
.btn-outline-mktg {
color: $blue-450;
background-color: $white;
border-color: rgba($blue-450, 0.5);
&:hover {
color: $blue-500;
text-decoration: none;
background-color: $white;
border-color: rgba($blue-450, 1);
}
}

View file

@ -1,26 +1,26 @@
{
"_from": "primer-marketing-buttons@1.0.13",
"_id": "primer-marketing-buttons@1.0.13",
"_from": "primer-marketing-buttons@2.0.0",
"_id": "primer-marketing-buttons@2.0.0",
"_inBundle": false,
"_integrity": "sha512-1MzzrG/68zaEcQypG50uELwQ4MHH9b8aTy3jXxayZRc1qvZaLh5SEcSIHWe5lMIZk8qrtYhr22py9+kibyTKIQ==",
"_integrity": "sha512-R8DvbvI6QjH9/xG2diqReqHhkMgKbiJ7+xg2VTlQon3H5sAxvUqBiqfqY+ZrZ9K5eyrLP+3Z/cgysKd/xe1U2A==",
"_location": "/primer-marketing-buttons",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-marketing-buttons@1.0.13",
"raw": "primer-marketing-buttons@2.0.0",
"name": "primer-marketing-buttons",
"escapedName": "primer-marketing-buttons",
"rawSpec": "1.0.13",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.0.13"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-1.0.13.tgz",
"_shasum": "578fe8682650a4211b952afd7b10c10e8b1b0f3b",
"_spec": "primer-marketing-buttons@1.0.13",
"_resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-2.0.0.tgz",
"_shasum": "639f60d59709f67fd98ad06c9a4622b9d4da433e",
"_spec": "primer-marketing-buttons@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
@ -30,7 +30,8 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Buttons for marketing websites at GitHub",
@ -70,5 +71,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.0.13"
"version": "2.0.0"
}

Binary file not shown.

Binary file not shown.

View file

@ -1,14 +1,68 @@
$marketing-font-path: "/primer-marketing-support/fonts/" !default;
// Type
$alt-body-font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
$alt-mono-font: $mono-font;
@font-face {
font-family: InterUI;
font-style: normal;
font-weight: $font-weight-normal;
src: local("InterUI"), local("InterUI-Regular"), url("#{$marketing-font-path}Inter-UI-Regular.woff") format("woff");
}
@font-face {
font-family: InterUI;
font-style: normal;
font-weight: $font-weight-semibold;
src: local("InterUI Medium"), local("InterUI-Medium"), url("#{$marketing-font-path}Inter-UI-Medium.woff") format("woff");
}
$font-mktg: InterUI, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
// Builds upon primer-support/variables/typography.scss
$h000-size: 64px !default;
$h000-size-mobile: 48px !default;
// Colors
$blue-450: mix($blue-500, $blue-400, 50%);
$green-450: mix($green-500, $green-400, 50%);
// Animations
$transition-time: 0.4s;
// Increases primer-core scale first by 8px for spacer-7 then by 16px step increments for spacer-8 to spacer-12
// i.e. After 40px, we have 48, 64, 80, 96, etc.
$spacer-7: $spacer * 6; // 48px
$spacer-8: $spacer * 8; // 64px
$spacer-9: $spacer * 10; // 80px
$spacer-10: $spacer * 12; // 96px
$spacer-11: $spacer * 14; // 112px
$spacer-12: $spacer * 16; // 128px
$spacer-7: $spacer * 6 !default; // 48px
$spacer-8: $spacer * 8 !default; // 64px
$spacer-9: $spacer * 10 !default; // 80px
$spacer-10: $spacer * 12 !default; // 96px
$spacer-11: $spacer * 14 !default; // 112px
$spacer-12: $spacer * 16 !default; // 128px
$marketingSpacers: $spacer-7, $spacer-8, $spacer-9, $spacer-10, $spacer-11, $spacer-12;
$allSpacers: $spacer-1, $spacer-2, $spacer-3, $spacer-4, $spacer-5, $spacer-6, $spacer-7, $spacer-8, $spacer-9, $spacer-10, $spacer-11, $spacer-12;
$marketing-spacers: (
7: $spacer-7,
8: $spacer-8,
9: $spacer-9,
10: $spacer-10,
11: $spacer-11,
12: $spacer-12,
) !default;
$marketing-all-spacers: map-merge(
(
1: $spacer-1,
2: $spacer-2,
3: $spacer-3,
4: $spacer-4,
5: $spacer-5,
6: $spacer-6,
),
$marketing-spacers,
) !default;
$marketing-position-variants: (
"": "",
md: "-md",
lg: "-lg",
) !default;

View file

@ -1,31 +1,29 @@
{
"_from": "primer-marketing-support@1.5.6",
"_id": "primer-marketing-support@1.5.6",
"_from": "primer-marketing-support@2.0.0",
"_id": "primer-marketing-support@2.0.0",
"_inBundle": false,
"_integrity": "sha512-YU8ein52s/W+s4a4hHZZJbHURfz2FLI5ItrUxqaqJjcT0O2bALP/JbuCZDrbvWxuOSK4kbF22ANmmMGWFIzp/Q==",
"_integrity": "sha512-HyYxwDVn9aGVN4wyXiIAzHrAgmoyNlXvZpRXh/UZRlA9EfZMxlCji3KhuMFzQFtYi+nXt7f/cTB5AX9YRnlVZg==",
"_location": "/primer-marketing-support",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-marketing-support@1.5.6",
"raw": "primer-marketing-support@2.0.0",
"name": "primer-marketing-support",
"escapedName": "primer-marketing-support",
"rawSpec": "1.5.6",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.5.6"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-marketing",
"/primer-marketing-buttons",
"/primer-marketing-type",
"/primer-marketing-utilities",
"/primer-page-headers",
"/primer-page-sections",
"/primer-tables"
"/primer-marketing-utilities"
],
"_resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-1.5.6.tgz",
"_shasum": "db127e18a92b20f9591b334a5841d73f90e0ae6c",
"_spec": "primer-marketing-support@1.5.6",
"_resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-2.0.0.tgz",
"_shasum": "9f4d2ebb44c8fb747fa009ba36d2339fd0e1982c",
"_spec": "primer-marketing-support@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
@ -34,10 +32,14 @@
"url": "https://github.com/primer/primer/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Sass variables, mixins, and functions for use in our components.",
"files": [
"index.scss",
"fonts",
"lib"
],
"homepage": "http://primer.github.io/",
@ -70,5 +72,5 @@
"test": "npm run lint"
},
"style": "build/build.css",
"version": "1.5.6"
"version": "2.0.0"
}

View file

@ -20,16 +20,19 @@ The typography for our marketing pages differs slightly from what is in Primer's
## Heading Utilities
Use `.alt-h1` `.alt-h6` to change an element's font, size, and weight on marketing pages.
Use `.h000-mktg` `.h6-mktg` to change an element's font, size, and weight on marketing pages.
```html title="Heading Utilities"
<p class="alt-h1">Pizza 1</p>
<p class="alt-h2">Pizza 2</p>
<p class="alt-h3">Pizza 3</p>
<p class="alt-h4">Pizza 4</p>
<p class="alt-h5">Pizza 5</p>
<p class="alt-h6">Pizza 6</p>
<p class="h000-mktg">Heading 000</p>
<p class="h00-mktg">Heading 00</p>
<p class="h0-mktg">Heading 0</p>
<p class="h1-mktg">Heading 1</p>
<p class="h2-mktg">Heading 2</p>
<p class="h3-mktg">Heading 3</p>
<p class="h4-mktg">Heading 4</p>
<p class="h5-mktg">Heading 5</p>
<p class="h6-mktg">Heading 6</p>
```
@ -39,13 +42,7 @@ These utilities are meant to be used in addition to Primer's core utilities.
```html title="Typographic Utilities"
<p class="alt-lead text-gray">I'm a lead paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
<p class="text-gray">I'm a regular paragraph, except I'm gray. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
<p class="text-gray alt-text-small">And I'm a tiny lil' baby paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
<p class="alt-mono-font text-gray">Occasionally we want to use a mono font, there is a utility class for that.</p>
<p class="lead-mktg text-gray">I'm a lead paragraph. Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
<p class="pullquote">I'm a pullquote. Someone said these words in real life, and now they're on the internet</p>

View file

@ -1 +1 @@
.alt-mono-font{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.alt-h0,.alt-h1,.alt-h2,.alt-h3,.alt-h4,.alt-h5,.alt-h6,.alt-lead{-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Oxygen","Ubuntu","Cantarell","Open Sans",sans-serif}.alt-h0{font-size:48px;font-weight:300}@media (min-width: 768px){.alt-h0{font-size:54px}}@media (min-width: 1012px){.alt-h0{font-size:72px}}.alt-h1{font-size:36px;font-weight:300}@media (min-width: 768px){.alt-h1{font-size:48px}}@media (min-width: 1012px){.alt-h1{font-size:54px}}.alt-h2{font-size:28px;font-weight:300}@media (min-width: 768px){.alt-h2{font-size:34px}}@media (min-width: 1012px){.alt-h2{font-size:38px}}.alt-h3{font-size:18px;font-weight:400}@media (min-width: 768px){.alt-h3{font-size:20px}}@media (min-width: 1012px){.alt-h3{font-size:22px}}.alt-h4{font-size:16px;font-weight:500}.alt-h5{font-size:14px;font-weight:500}.alt-h6{font-size:12px;font-weight:500}.alt-lead{-webkit-font-smoothing:antialiased;font-size:21px;font-weight:300}@media (min-width: 768px){.alt-lead{font-size:24px}}@media (min-width: 1012px){.alt-lead{font-size:26px}}.alt-text-small{font-size:14px !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}
@font-face{font-family:InterUI;font-style:normal;font-weight:400;src:local("InterUI"),local("InterUI-Regular"),url("/primer-marketing-support/fonts/Inter-UI-Regular.woff") format("woff")}@font-face{font-family:InterUI;font-style:normal;font-weight:500;src:local("InterUI Medium"),local("InterUI-Medium"),url("/primer-marketing-support/fonts/Inter-UI-Medium.woff") format("woff")}.h00-mktg,.h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg,.lead-mktg{font-family:InterUI,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500}.h000-mktg{font-size:48px !important}@media (min-width: 768px){.h000-mktg{font-size:64px !important}}.h00-mktg{font-size:40px !important}@media (min-width: 768px){.h00-mktg{font-size:48px !important}}.h0-mktg{font-size:32px !important}@media (min-width: 768px){.h0-mktg{font-size:40px !important}}.h1-mktg{font-size:26px !important}@media (min-width: 768px){.h1-mktg{font-size:32px !important}}.h2-mktg{font-size:22px !important}@media (min-width: 768px){.h2-mktg{font-size:24px !important}}.h3-mktg{font-size:18px !important}@media (min-width: 768px){.h3-mktg{font-size:20px !important}}.h4-mktg{font-size:16px !important}.h5-mktg{font-size:14px !important}.h6-mktg{font-size:12px !important}.lead-mktg{font-size:20px;font-weight:400}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px;line-height:1.4;color:#586069;border-left:3px solid #e1e4e8}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,101 +1,79 @@
// Marketing font utility class
.alt-mono-font {
font-family: $alt-mono-font;
}
//
// Headings
.alt-h0,
.alt-h1,
.alt-h2,
.alt-h3,
.alt-h4,
.alt-h5,
.alt-h6,
.alt-lead {
-webkit-font-smoothing: antialiased;
font-family: $alt-body-font;
}
@mixin alt-h0 {
font-size: $h00-size;
font-weight: $font-weight-light;
@include breakpoint(md) { font-size: 54px; }
@include breakpoint(lg) { font-size: 72px; }
}
.alt-h0 {
@include alt-h0;
}
@mixin alt-h1 {
font-size: 36px;
font-weight: $font-weight-light;
@include breakpoint(md) { font-size: $h00-size; }
@include breakpoint(lg) { font-size: 54px; }
}
.alt-h1 {
@include alt-h1;
}
@mixin alt-h2 {
font-size: 28px;
font-weight: $font-weight-light;
@include breakpoint(md) { font-size: 34px; }
@include breakpoint(lg) { font-size: 38px; }
}
.alt-h2 {
@include alt-h2;
}
@mixin alt-h3 {
font-size: 18px;
font-weight: $font-weight-normal;
@include breakpoint(md) { font-size: $h3-size; }
@include breakpoint(lg) { font-size: 22px; }
}
.alt-h3 {
@include alt-h3;
}
.alt-h4 {
font-size: $h4-size;
.h00-mktg,
.h0-mktg,
.h1-mktg,
.h2-mktg,
.h3-mktg,
.h4-mktg,
.h5-mktg,
.h6-mktg,
.lead-mktg {
font-family: $font-mktg;
font-weight: $font-weight-semibold;
}
.alt-h5 {
font-size: $h5-size;
font-weight: $font-weight-semibold;
@mixin h000-mktg {
font-size: $h000-size-mobile !important;
@include breakpoint(md) { font-size: $h000-size !important; }
}
.alt-h6 {
font-size: $h6-size;
font-weight: $font-weight-semibold;
.h000-mktg { @include h000-mktg; }
@mixin h00-mktg {
font-size: $h00-size-mobile !important;
@include breakpoint(md) { font-size: $h00-size !important; }
}
.h00-mktg { @include h00-mktg; }
@mixin h0-mktg {
font-size: $h0-size-mobile !important;
@include breakpoint(md) { font-size: $h0-size !important; }
}
.h0-mktg { @include h0-mktg; }
@mixin h1-mktg {
font-size: $h1-size-mobile !important;
@include breakpoint(md) { font-size: $h1-size !important; }
}
.h1-mktg { @include h1-mktg; }
@mixin h2-mktg {
font-size: $h2-size-mobile !important;
@include breakpoint(md) { font-size: $h2-size !important; }
}
.h2-mktg { @include h2-mktg; }
@mixin h3-mktg {
font-size: $h3-size-mobile !important;
@include breakpoint(md) { font-size: $h3-size !important; }
}
.h3-mktg { @include h3-mktg; }
.h4-mktg {
font-size: $h4-size !important;
}
.h5-mktg {
font-size: $h5-size !important;
}
.h6-mktg {
font-size: $h6-size !important;
}
// Big opening paragraphs
@mixin alt-lead {
-webkit-font-smoothing: antialiased;
font-size: 21px;
font-weight: $font-weight-light;
@include breakpoint(md) { font-size: $h2-size; }
@include breakpoint(lg) { font-size: 26px; }
@mixin lead-mktg {
font-size: $h3-size;
font-weight: $font-weight-normal;
}
.alt-lead {
@include alt-lead;
}
// For small text
.alt-text-small {
font-size: 14px !important;
}
.lead-mktg { @include lead-mktg; }
// Pullquote
@ -104,7 +82,7 @@
padding-bottom: 0;
padding-left: $spacer;
margin-bottom: $spacer-4;
font-family: $alt-mono-font;
font-family: $mono-font;
font-size: $h4-size;
line-height: 1.4;
color: $text-gray;

View file

@ -1,26 +1,26 @@
{
"_from": "primer-marketing-type@1.4.13",
"_id": "primer-marketing-type@1.4.13",
"_from": "primer-marketing-type@2.0.0",
"_id": "primer-marketing-type@2.0.0",
"_inBundle": false,
"_integrity": "sha512-ke6l3zgc4mF5ArDzZB1TJ5VHbZG2/uwekVROLQOK4v7XI0MkYZWA9tI+k8UhaFLSsw0vGqxM2ibKUzsQH61C8g==",
"_integrity": "sha512-c+bCjKVulTrRhjAHJ7pcaFYDUYiSecVFXMo6DkA9v5JvZ2cK/m4LySo5Eb2qbQmPBwLx6t/V1TnxD2cgKtdIDA==",
"_location": "/primer-marketing-type",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-marketing-type@1.4.13",
"raw": "primer-marketing-type@2.0.0",
"name": "primer-marketing-type",
"escapedName": "primer-marketing-type",
"rawSpec": "1.4.13",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.4.13"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-1.4.13.tgz",
"_shasum": "2a7bba4e900818d492aa2c8a732c4d0363850c19",
"_spec": "primer-marketing-type@1.4.13",
"_resolved": "https://registry.npmjs.org/primer-marketing-type/-/primer-marketing-type-2.0.0.tgz",
"_shasum": "78280ddd7c61ac858707b7b1fe19117f14f53018",
"_spec": "primer-marketing-type@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
@ -30,8 +30,8 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Typography for marketing websites at GitHub",
@ -72,5 +72,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.4.13"
"version": "2.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -9,27 +9,18 @@ Marketing layout utilities build on top of [primer-core utilities](/css/utilitie
{:toc}
## Responsive position
## Position elements with spacing utilities
Use responsive position utilities to adjust the position of an element at different breakpoints.
Position elements from all four element edges (`top`, `right`, `bottom`, and `left`) using any spacing utility from the global spacing scale and the marketing spacing scale (from `$spacer-1` to `$spacer-12`), including negative and 0 values.
Use these with `.position-absolute` to position decorative assets and shapes on marketing sites.
In an effort to reduce the size of our CSS, responsive breakpoints are only supported for `md` and `lg` breakpoints. **There is no support for `sm` and `xl` breakpoints.**
```html
<div class="position-relative p-6 bg-gray">
<div class="d-inline-block position-md-absolute bottom-0 right-0 border bg-white p-2">
.position-md-absolute
</div>
</div>
<div class="float-left border m-3" style="width:100px; height:100px;">
default
</div>
<div class="float-left position-lg-relative border m-3" style="width:100px; height:100px; top:12px; left:12px;">
.position-lg-relative
</div>
<div class="float-left border m-3" style="width:100px; height:100px;">
default
</div>
<div class="float-left border m-3" style="width:100px; height:100px;">
default
<div class="border bg-white position-absolute top-2">.top-2</div>
<div class="border bg-white position-absolute position-lg-static right-md-4">.right-md-4</div>
<div class="border bg-white position-lg-absolute left-lg-1">.left-lg-1</div>
</div>
```

View file

@ -6,25 +6,34 @@ status: Stable
status_issue: https://github.com/github/design-systems/issues/378
---
Marketing padding utilities extend [core margin utilities](/css/utilities/margin) across the y-axis only. The [marketing scale](/css/support/marketing-variables#extended-spacing-scale) starts from spacer 7 up to 12, and steps first by `8px` for spacer 7 and continues in increments of `16px` for spacer 8 to 12.
Marketing padding utilities extend [core margin utilities](/css/utilities/margin) across the x and y axis. The [marketing scale](/css/support/marketing-variables#extended-spacing-scale) starts from spacer 7 up to 12, and steps first by `8px` for spacer 7 and continues in increments of `16px` for spacer 8 to 12.
## Y-axis padding utilities
## Padding utilities
Use marketing padding utilities to apply padding to top, bottom, or both y-axis of an element. These utilities can change or override default padding, and can be used with a spacing scale of 7-12.
Use marketing padding utilities to apply padding to top, right, bottom, left, x-axis, or y axis of an element. These utilities can change or override default padding, and can be used with a spacing scale of 7-12.
```html
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue pt-7">.pt-7</div>
</div>
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue pr-7">.pr-7</div>
</div>
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue pb-7">.pb-7</div>
</div>
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue pl-7">.pl-7</div>
</div>
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue px-7">.px-7</div>
</div>
<div class="margin-orange d-inline-block">
<div class="d-inline-block block-blue py-7">.py-7</div>
</div>
```
## Responsive y-axis padding utilities
## Responsive padding utilities
All marketing padding utilities can be adjusted per [breakpoint](/css/objects/grid#breakpoints) using the following formula: `p[y-direction]-[breakpoint]-[spacer]`. Each responsive style is applied to the specified breakpoint and up.

View file

@ -1,17 +1,20 @@
// Layout utilities
// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility, comment-empty-line-before
@warn "Responsive position utilities will be moved from primer-marketing-utilities to primer-utilities in primer v11.0.0.";
// Responsive position utilities
@each $breakpoint in map-keys($breakpoints) {
// Responsive utilities to position content
// No utilities for sm and xl breakpoints
@each $breakpoint, $variant in $marketing-position-variants {
@include breakpoint($breakpoint) {
/* Set position to relative */
.position-#{$breakpoint}-relative { position: relative !important; }
/* Set position to absolute */
.position-#{$breakpoint}-absolute { position: absolute !important; }
/* Set position to fixed */
.position-#{$breakpoint}-fixed { position: fixed !important; }
@each $scale, $size in $marketing-all-spacers {
.top#{$variant}-#{$scale} { top: $size !important; }
.right#{$variant}-#{$scale} { right: $size !important; }
.bottom#{$variant}-#{$scale} { bottom: $size !important; }
.left#{$variant}-#{$scale} { left: $size !important; }
.top#{$variant}-n#{$scale} { top: -$size !important; }
.right#{$variant}-n#{$scale} { right: -$size !important; }
.bottom#{$variant}-n#{$scale} { bottom: -$size !important; }
.left#{$variant}-n#{$scale} { left: -$size !important; }
}
}
}

View file

@ -1,40 +1,17 @@
// Margin spacer utilities for marketing
// Utilities only added for y-direction margin (i.e. top & bottom)
// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, primer/selector-no-utility, comment-empty-line-before
@for $i from 1 through length($marketingSpacers) {
$size: #{nth($marketingSpacers, $i)};
$scale: #{$i + 6}; // 7, 8, 9, 10, 11
/* Set a #{$size} margin on the top */
.mt-#{$scale} { margin-top : #{$size} !important; }
/* Set a #{$size} margin on the bottom */
.mb-#{$scale} { margin-bottom: #{$size} !important; }
@each $breakpoint, $variant in $responsive-variants {
@include breakpoint($breakpoint) {
@each $scale, $size in $marketing-spacers {
/* Set a #{$size} margin on the top & bottom */
.my-#{$scale} {
margin-top : #{$size} !important;
margin-bottom: #{$size} !important;
}
}
.mt#{$variant}-#{$scale} { margin-top: $size !important; }
.mb#{$variant}-#{$scale} { margin-bottom: $size !important; }
// Loop through the breakpoint values
@each $breakpoint in map-keys($breakpoints) {
// Loop through the spacer values
@for $i from 1 through length($marketingSpacers) {
@include breakpoint($breakpoint) {
$size: #{nth($marketingSpacers, $i)}; // sm, md, lg, xl
$scale: #{$i + 6}; // 7, 8, 9, 10, 11
/* Set a #{$size} margin on the top at the breakpoint #{$breakpoint} */
.mt-#{$breakpoint}-#{$scale} { margin-top: #{$size} !important; }
/* Set a #{$size} margin on the bottom at the breakpoint #{$breakpoint} */
.mb-#{$breakpoint}-#{$scale} { margin-bottom: #{$size} !important; }
/* Set a #{$size} margin on the top & bottom at the breakpoint #{$breakpoint} */
.my-#{$breakpoint}-#{$scale} {
margin-top: #{$size} !important;
margin-bottom: #{$size} !important;
.my#{$variant}-#{$scale} {
margin-top: $size !important;
margin-bottom: $size !important;
}
}
}

View file

@ -1,40 +1,15 @@
// Padding spacer utilities for marketing
// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before
// stylelint-disable comment-empty-line-before
@for $i from 1 through length($marketingSpacers) {
$size: #{nth($marketingSpacers, $i)};
$scale: #{$i + 6}; // 7, 8, 9, 10, 11
/* Set a #{$size} padding to the top */
.pt-#{$scale} { padding-top : #{$size} !important; }
/* Set a #{$size} padding to the bottom */
.pb-#{$scale} { padding-bottom: #{$size} !important; }
@each $breakpoint, $variant in $responsive-variants {
@include breakpoint($breakpoint) {
@each $scale, $size in $marketing-spacers {
/* Set a #{$size} padding to the top & bottom */
.py-#{$scale} {
padding-top: #{$size} !important;
padding-bottom: #{$size} !important;
}
}
.pt#{$variant}-#{$scale} { padding-top: #{$size} !important; }
.pb#{$variant}-#{$scale} { padding-bottom: #{$size} !important; }
// Responsive padding spacer utilities
// Loop through the breakpoint values
@each $breakpoint in map-keys($breakpoints) {
// Loop through the spacer values
@for $i from 1 through length($marketingSpacers) {
@include breakpoint($breakpoint) {
$size: #{nth($marketingSpacers, $i)}; // xs, sm, md, lg, xl
$scale: #{$i + 6}; // 7, 8, 9, 10, 11
/* Set a #{$size} padding to the top at the #{$breakpoint} breakpoint */
.pt-#{$breakpoint}-#{$scale} { padding-top: #{$size} !important; }
/* Set a #{$size} padding to the bottom at the #{$breakpoint} breakpoint */
.pb-#{$breakpoint}-#{$scale} { padding-bottom: #{$size} !important; }
/* Set a #{$size} padding to the top & bottom at the #{$breakpoint} breakpoint */
.py-#{$breakpoint}-#{$scale} {
.py#{$variant}-#{$scale} {
padding-top: #{$size} !important;
padding-bottom: #{$size} !important;
}

View file

@ -1,26 +1,26 @@
{
"_from": "primer-marketing-utilities@1.7.3",
"_id": "primer-marketing-utilities@1.7.3",
"_from": "primer-marketing-utilities@2.0.0",
"_id": "primer-marketing-utilities@2.0.0",
"_inBundle": false,
"_integrity": "sha512-YYDPgyC0G65tPHwZ6ktxfEAqUkJlU2sZjzdcH7thlcg83/UqiZfgmgiiBAxdMjrACY7Q2X9HaHicr5F4rmPhPw==",
"_integrity": "sha512-R2Y8uaOy44J9NtBNlLJKUrPKxtxv8svss3vP8YS4RRWISUSQGcjxRFPUX5ra8hqaenWO/NBbmeFVJXDwgrKu1A==",
"_location": "/primer-marketing-utilities",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-marketing-utilities@1.7.3",
"raw": "primer-marketing-utilities@2.0.0",
"name": "primer-marketing-utilities",
"escapedName": "primer-marketing-utilities",
"rawSpec": "1.7.3",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.7.3"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-1.7.3.tgz",
"_shasum": "7ae93ceb10aa21e5efd94edee70bb66152e90929",
"_spec": "primer-marketing-utilities@1.7.3",
"_resolved": "https://registry.npmjs.org/primer-marketing-utilities/-/primer-marketing-utilities-2.0.0.tgz",
"_shasum": "a78b00014efd15239d494c79626952d3e9e1e876",
"_spec": "primer-marketing-utilities@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
@ -30,8 +30,8 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
"primer-marketing-support": "2.0.0",
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Marketing specific immutable, atomic CSS classes",
@ -73,5 +73,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.7.3"
"version": "2.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -17,7 +17,4 @@
// marketing specific css modules
@import "primer-marketing-type/index.scss";
@import "primer-marketing-buttons/index.scss";
@import "primer-page-headers/index.scss";
@import "primer-page-sections/index.scss";
@import "primer-tables/index.scss";
@import "primer-marketing-utilities/index.scss";

View file

@ -1,27 +1,26 @@
{
"_from": "primer-marketing",
"_id": "primer-marketing@6.3.3",
"_from": "primer-marketing@7.0.0",
"_id": "primer-marketing@7.0.0",
"_inBundle": false,
"_integrity": "sha512-vmR/YkOlFnQVQSxluXe5lbkH+B7Z2tirgCDGVp+SD9Zs+FJ6YRELmw6cjm0okVkH9205qcMvy9INOunkhKrktw==",
"_integrity": "sha512-gLIWiE3pW1rXEEnmfz2eekq4LC27QUeMccrG87EU5qyEnu8LMr59c5LRibc5EJaCsa4708Jd2WxxSXEfD0ieug==",
"_location": "/primer-marketing",
"_phantomChildren": {},
"_requested": {
"type": "tag",
"type": "version",
"registry": true,
"raw": "primer-marketing",
"raw": "primer-marketing@7.0.0",
"name": "primer-marketing",
"escapedName": "primer-marketing",
"rawSpec": "",
"rawSpec": "7.0.0",
"saveSpec": null,
"fetchSpec": "latest"
"fetchSpec": "7.0.0"
},
"_requiredBy": [
"#USER",
"/"
],
"_resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-6.3.3.tgz",
"_shasum": "8091d51aec5e65e60309958c08fd5030c6fe4879",
"_spec": "primer-marketing",
"_resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-7.0.0.tgz",
"_shasum": "b0840052940fccb4e0846e5bb4e4dceaa353d493",
"_spec": "primer-marketing@7.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator",
"author": {
"name": "GitHub, Inc."
@ -31,14 +30,11 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-buttons": "1.0.13",
"primer-marketing-support": "1.5.6",
"primer-marketing-type": "1.4.13",
"primer-marketing-utilities": "1.7.3",
"primer-page-headers": "1.5.3",
"primer-page-sections": "1.5.3",
"primer-support": "4.7.2",
"primer-tables": "1.5.3"
"primer-marketing-buttons": "2.0.0",
"primer-marketing-support": "2.0.0",
"primer-marketing-type": "2.0.0",
"primer-marketing-utilities": "2.0.0",
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Primer marketing packages",
@ -68,5 +64,5 @@
"test": "npm run build"
},
"style": "build/build.css",
"version": "6.3.3"
"version": "7.0.0"
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-navigation@1.5.11",
"_id": "primer-navigation@1.5.11",
"_from": "primer-navigation@2.0.0",
"_id": "primer-navigation@2.0.0",
"_inBundle": false,
"_integrity": "sha512-Fykn/zuJX8z8kEIkzxnbwZhbCbYbuQF7Iv+03yzBeesOfN4VaQKgpTtaAXW26NB1BjOo3omrhVivYoejTFXbuw==",
"_integrity": "sha512-yi45wDOuct/Wxp60hG74kfiNKsTluYmhsNelMBOy5WgTmnqtQy0l3d5NAQz/XdvEdiRrpres3LcPxs8GONO3sQ==",
"_location": "/primer-navigation",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-navigation@1.5.11",
"raw": "primer-navigation@2.0.0",
"name": "primer-navigation",
"escapedName": "primer-navigation",
"rawSpec": "1.5.11",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.5.11"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.5.11.tgz",
"_shasum": "7ba220bf81ef53bfc53f216beed05d4c8cadcfe2",
"_spec": "primer-navigation@1.5.11",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-2.0.0.tgz",
"_shasum": "69b1c8a6e38090428eced401b02b4596d99861d6",
"_spec": "primer-navigation@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Singular purpose and flexible navigation elements.",
@ -69,5 +69,5 @@
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.5.11"
"version": "2.0.0"
}

View file

@ -1,21 +0,0 @@
The MIT License (MIT)
Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View file

@ -1,58 +0,0 @@
# Primer Marketing CSS Page Headers
[![npm version](https://img.shields.io/npm/v/primer-page-headers.svg)](https://www.npmjs.org/package/primer-page-headers)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.
This repository is a module of the full [primer][primer] repository.
## Documentation
<!-- %docs
title: Page headers
status: Deprecated
-->
**This component will be removed, and the `primer-page-headers` npm package deprecated, in Primer version 11.**
<!-- %enddocs -->
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-headers` with this command.
```
$ npm install --save primer-page-headers
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-page-headers/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`
```
$ npm run build
```
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

View file

@ -1 +0,0 @@
.jumbotron{position:relative;padding-top:40px;padding-bottom:40px}@media (min-width: 544px){.jumbotron{padding-top:60px;padding-bottom:60px}}@media (min-width: 1280px){.jumbotron{padding-top:120px;padding-bottom:120px}}@media (min-width: 1012px){.jumbotron-supertron{height:45vw;min-height:590px;max-height:55vh;padding-top:80px;padding-bottom:80px}}.jumbotron-minitron{padding-top:24px;padding-bottom:24px}@media (min-width: 544px){.jumbotron-minitron{padding-top:32px;padding-bottom:32px}}.jumbotron-shadow::after{position:absolute;bottom:0;left:0;width:100%;height:30px;content:" ";background-color:transparent;background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05));background-repeat:repeat-x;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05)}.jumbotron-photo{position:relative;background-color:#24292e;background-size:cover}.jumbotron-photo::before{position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,0.25)}

View file

@ -1 +0,0 @@
{"cssstats":{"size":974,"gzipSize":380,"humanizedSize":"974B","humanizedGzipSize":"380B","rules":{"total":9,"size":{"graph":[3,2,2,5,2,2,10,3,8],"max":10,"average":4.111111111111111},"selectorByRuleSizes":[{"selector":".jumbotron-shadow::after","declarations":10},{"selector":".jumbotron-photo::before","declarations":8},{"selector":".jumbotron-supertron","declarations":5},{"selector":".jumbotron-photo","declarations":3},{"selector":".jumbotron","declarations":3},{"selector":".jumbotron-minitron","declarations":2},{"selector":".jumbotron-minitron","declarations":2},{"selector":".jumbotron","declarations":2},{"selector":".jumbotron","declarations":2}]},"selectors":{"total":9,"type":0,"class":9,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".jumbotron",".jumbotron",".jumbotron",".jumbotron-supertron",".jumbotron-minitron",".jumbotron-minitron",".jumbotron-shadow::after",".jumbotron-photo",".jumbotron-photo::before"],"specificity":{"max":11,"average":10.222222222222221}},"declarations":{"total":37,"unique":32,"properties":{"position":["relative","absolute","relative","absolute"],"padding-top":["40px","60px","120px","80px","24px","32px"],"padding-bottom":["40px","60px","120px","80px","24px","32px"],"height":["45vw","30px","100%"],"min-height":["590px"],"max-height":["55vh"],"bottom":["0","0"],"left":["0","0"],"width":["100%","100%"],"content":["\" \"","\"\""],"background-color":["transparent","#24292e","rgba(0,0,0,0.25)"],"background-image":["linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05))"],"background-repeat":["repeat-x"],"box-shadow":["inset 0 -1px 0 rgba(0,0,0,0.05)"],"background-size":["cover"],"display":["block"]}},"mediaQueries":{"total":4,"unique":3,"values":["(min-width: 544px)","(min-width: 1280px)","(min-width: 1012px)","(min-width: 544px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["60px"],"padding-bottom":["60px"]}}},{"value":"(min-width: 1280px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["120px"],"padding-bottom":["120px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":".jumbotron-supertron","declarations":5}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-supertron"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"height":["45vw"],"min-height":["590px"],"max-height":["55vh"],"padding-top":["80px"],"padding-bottom":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron-minitron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-minitron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["32px"],"padding-bottom":["32px"]}}}]}}}

View file

@ -1 +0,0 @@
module.exports = {"cssstats":{"size":974,"gzipSize":380,"humanizedSize":"974B","humanizedGzipSize":"380B","rules":{"total":9,"size":{"graph":[3,2,2,5,2,2,10,3,8],"max":10,"average":4.111111111111111},"selectorByRuleSizes":[{"selector":".jumbotron-shadow::after","declarations":10},{"selector":".jumbotron-photo::before","declarations":8},{"selector":".jumbotron-supertron","declarations":5},{"selector":".jumbotron-photo","declarations":3},{"selector":".jumbotron","declarations":3},{"selector":".jumbotron-minitron","declarations":2},{"selector":".jumbotron-minitron","declarations":2},{"selector":".jumbotron","declarations":2},{"selector":".jumbotron","declarations":2}]},"selectors":{"total":9,"type":0,"class":9,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".jumbotron",".jumbotron",".jumbotron",".jumbotron-supertron",".jumbotron-minitron",".jumbotron-minitron",".jumbotron-shadow::after",".jumbotron-photo",".jumbotron-photo::before"],"specificity":{"max":11,"average":10.222222222222221}},"declarations":{"total":37,"unique":32,"properties":{"position":["relative","absolute","relative","absolute"],"padding-top":["40px","60px","120px","80px","24px","32px"],"padding-bottom":["40px","60px","120px","80px","24px","32px"],"height":["45vw","30px","100%"],"min-height":["590px"],"max-height":["55vh"],"bottom":["0","0"],"left":["0","0"],"width":["100%","100%"],"content":["\" \"","\"\""],"background-color":["transparent","#24292e","rgba(0,0,0,0.25)"],"background-image":["linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05))"],"background-repeat":["repeat-x"],"box-shadow":["inset 0 -1px 0 rgba(0,0,0,0.05)"],"background-size":["cover"],"display":["block"]}},"mediaQueries":{"total":4,"unique":3,"values":["(min-width: 544px)","(min-width: 1280px)","(min-width: 1012px)","(min-width: 544px)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["60px"],"padding-bottom":["60px"]}}},{"value":"(min-width: 1280px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["120px"],"padding-bottom":["120px"]}}},{"value":"(min-width: 1012px)","rules":{"total":1,"size":{"graph":[5],"max":5,"average":5},"selectorByRuleSizes":[{"selector":".jumbotron-supertron","declarations":5}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-supertron"],"specificity":{"max":10,"average":10}},"declarations":{"total":5,"unique":5,"properties":{"height":["45vw"],"min-height":["590px"],"max-height":["55vh"],"padding-top":["80px"],"padding-bottom":["80px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".jumbotron-minitron","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".jumbotron-minitron"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"properties":{"padding-top":["32px"],"padding-bottom":["32px"]}}}]}}}

View file

@ -1,6 +0,0 @@
@warn "The entire primer-page-headers package will be removed in primer v11.0.0.";
// support files
@import "primer-support/index.scss";
@import "primer-marketing-support/index.scss";
@import "./lib/headers.scss";

View file

@ -1,68 +0,0 @@
.jumbotron {
position: relative;
padding-top: $spacer-6;
padding-bottom: $spacer-6;
@include breakpoint(sm) {
padding-top: $spacer-6 * 1.5;
padding-bottom: $spacer-6 * 1.5;
}
@include breakpoint(xl) {
padding-top: $spacer-6 * 3;
padding-bottom: $spacer-6 * 3;
}
}
.jumbotron-supertron {
@include breakpoint(lg) {
height: 45vw;
min-height: 590px;
max-height: 55vh;
padding-top: $spacer-6 + $spacer-6;
padding-bottom: $spacer-6 + $spacer-6;
}
}
.jumbotron-minitron {
padding-top: $spacer-4;
padding-bottom: $spacer-4;
@include breakpoint(sm) {
padding-top: $spacer-5;
padding-bottom: $spacer-5;
}
}
.jumbotron-shadow {
// Shadow
&::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
content: " ";
background-color: transparent;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
background-repeat: repeat-x;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
}
.jumbotron-photo {
position: relative;
background-color: $gray-dark;
background-size: cover;
&::before {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.25);
}
}

View file

@ -1,76 +0,0 @@
{
"_from": "primer-page-headers@1.5.3",
"_id": "primer-page-headers@1.5.3",
"_inBundle": false,
"_integrity": "sha512-SVgAnr1jz/8qNhr+LsQayHGGICi1pCfBJV2R+zhcooDJC29ddSoTW+LpwvBj1P68c7sJfaMPRmlcq0hUGGG/Pw==",
"_location": "/primer-page-headers",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-page-headers@1.5.3",
"name": "primer-page-headers",
"escapedName": "primer-page-headers",
"rawSpec": "1.5.3",
"saveSpec": null,
"fetchSpec": "1.5.3"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-page-headers/-/primer-page-headers-1.5.3.tgz",
"_shasum": "ddd942cdd57473db9d30a9fdd872ae920838cb42",
"_spec": "primer-page-headers@1.5.3",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
},
"deprecated": false,
"description": "Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.",
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primer.github.io/",
"keywords": [
"css",
"flash",
"github",
"hero",
"jumbotron",
"primer",
"design-system",
"style"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-page-headers",
"primer": {
"category": "marketing",
"module_type": "components"
},
"repository": {
"type": "git",
"url": "https://github.com/primer/primer/tree/master/modules/primer-page-headers"
},
"sass": "index.scss",
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
"lint": "../../script/lint-scss",
"postpublish": "../../script/notify success",
"prepare": "npm run build",
"prepublishOnly": "../../script/notify pending",
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.5.3"
}

View file

@ -1,21 +0,0 @@
The MIT License (MIT)
Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View file

@ -1,57 +0,0 @@
# Primer Page Sections
[![npm version](https://img.shields.io/npm/v/primer-page-sections.svg)](https://www.npmjs.org/package/primer-page-sections)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Dont show more than one at a time.
This repository is a module of the full [primer][primer] repository.
## Documentation
<!-- %docs
title: Page sections
status: Deprecated
-->
**This component will be removed, and the `primer-page-sections` npm package deprecated, in Primer version 11.**
<!-- %enddocs -->
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-page-sections` with this command.
```
$ npm install --save primer-page-sections
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-page-sections/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`
```
$ npm run build
```
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

View file

@ -1 +0,0 @@
.page-section{padding:32px 0;margin-top:0}@media (min-width: 768px){.page-section{padding:56px 0}}.page-section-jumplink:target{padding-top:112px}@media (min-width: 768px){.page-section-jumplink:target{padding-top:80px}}

View file

@ -1 +0,0 @@
{"cssstats":{"size":221,"gzipSize":132,"humanizedSize":"221B","humanizedGzipSize":"132B","rules":{"total":4,"size":{"graph":[2,1,1,1],"max":2,"average":1.25},"selectorByRuleSizes":[{"selector":".page-section","declarations":2},{"selector":".page-section-jumplink:target","declarations":1},{"selector":".page-section-jumplink:target","declarations":1},{"selector":".page-section","declarations":1}]},"selectors":{"total":4,"type":0,"class":4,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".page-section",".page-section",".page-section-jumplink:target",".page-section-jumplink:target"],"specificity":{"max":20,"average":15}},"declarations":{"total":5,"unique":5,"properties":{"padding":["32px 0","56px 0"],"margin-top":["0"],"padding-top":["112px","80px"]}},"mediaQueries":{"total":2,"unique":1,"values":["(min-width: 768px)","(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".page-section","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".page-section"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["56px 0"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".page-section-jumplink:target","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".page-section-jumplink:target"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"properties":{"padding-top":["80px"]}}}]}}}

View file

@ -1 +0,0 @@
module.exports = {"cssstats":{"size":221,"gzipSize":132,"humanizedSize":"221B","humanizedGzipSize":"132B","rules":{"total":4,"size":{"graph":[2,1,1,1],"max":2,"average":1.25},"selectorByRuleSizes":[{"selector":".page-section","declarations":2},{"selector":".page-section-jumplink:target","declarations":1},{"selector":".page-section-jumplink:target","declarations":1},{"selector":".page-section","declarations":1}]},"selectors":{"total":4,"type":0,"class":4,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".page-section",".page-section",".page-section-jumplink:target",".page-section-jumplink:target"],"specificity":{"max":20,"average":15}},"declarations":{"total":5,"unique":5,"properties":{"padding":["32px 0","56px 0"],"margin-top":["0"],"padding-top":["112px","80px"]}},"mediaQueries":{"total":2,"unique":1,"values":["(min-width: 768px)","(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".page-section","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".page-section"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"properties":{"padding":["56px 0"]}}},{"value":"(min-width: 768px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".page-section-jumplink:target","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".page-section-jumplink:target"],"specificity":{"max":20,"average":20}},"declarations":{"total":1,"unique":1,"properties":{"padding-top":["80px"]}}}]}}}

View file

@ -1,6 +0,0 @@
@warn "The entire primer-page-sections package will be removed in primer v11.0.0.";
// support files
@import "primer-support/index.scss";
@import "primer-marketing-support/index.scss";
@import "./lib/page-section.scss";

View file

@ -1,18 +0,0 @@
// Styles for page sections
.page-section {
padding: $spacer-5 0;
margin-top: 0;
@include breakpoint(md) {
padding: $spacer-6 + $spacer-3 0;
}
}
// Adds a little extra headroom for sections linked to via in-page anchor links
.page-section-jumplink:target {
padding-top: ($spacer-6 * 2) + $spacer-5;
@include breakpoint(md) {
padding-top: $spacer-6 * 2;
}
}

View file

@ -1,75 +0,0 @@
{
"_from": "primer-page-sections@1.5.3",
"_id": "primer-page-sections@1.5.3",
"_inBundle": false,
"_integrity": "sha512-xaj6v+v3FvaSMVFDZAYsrObkvOviPwxYZt0rrkMeoyhrMVG2uB3nD3Kmu3st9UbwobdXjMTSKPkKBcarckwhuw==",
"_location": "/primer-page-sections",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-page-sections@1.5.3",
"name": "primer-page-sections",
"escapedName": "primer-page-sections",
"rawSpec": "1.5.3",
"saveSpec": null,
"fetchSpec": "1.5.3"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-page-sections/-/primer-page-sections-1.5.3.tgz",
"_shasum": "111848f87429f5e66d8535ca40c5d601243a83fa",
"_spec": "primer-page-sections@1.5.3",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
},
"deprecated": false,
"description": "Styles to create distinct sections of marketing pages at GitHub.",
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primer.github.io/",
"keywords": [
"css",
"github",
"page sections",
"primer",
"design-system",
"sections",
"style"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-page-sections",
"primer": {
"category": "marketing",
"module_type": "components"
},
"repository": {
"type": "git",
"url": "https://github.com/primer/primer/tree/master/modules/primer-page-sections"
},
"sass": "index.scss",
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
"lint": "../../script/lint-scss",
"postpublish": "../../script/notify success",
"prepare": "npm run build",
"prepublishOnly": "../../script/notify pending",
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.5.3"
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-pagination@1.0.7",
"_id": "primer-pagination@1.0.7",
"_from": "primer-pagination@2.0.0",
"_id": "primer-pagination@2.0.0",
"_inBundle": false,
"_integrity": "sha512-c0Vmc3ZYspn+JdY6nmH626c+bxkuJLToYueksEMOrET4da05xwnC8dF7v6fh7UlBZ+qNArf+SsFWqXJPW5C8IA==",
"_integrity": "sha512-+1BGHkNJoJtGVkfWi/IUP82MlShSrPJM1my6da1UnfcRBhONfk+7O3DXT7VLscXYk11rYsd/pGKZ8ZPH4DAvsw==",
"_location": "/primer-pagination",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-pagination@1.0.7",
"raw": "primer-pagination@2.0.0",
"name": "primer-pagination",
"escapedName": "primer-pagination",
"rawSpec": "1.0.7",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.0.7"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.7.tgz",
"_shasum": "4e0f389eec8851c9c53ef044b513d4cf02b4065d",
"_spec": "primer-pagination@1.0.7",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.0.0.tgz",
"_shasum": "d034ffde91b4f819c38b4df27be4ce851abbcb6d",
"_spec": "primer-pagination@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Pagination component for applying button styles to a connected set of links that go to related pages",
@ -61,5 +61,5 @@
"test-docs": "../../script/test-docs"
},
"style": "index.scss",
"version": "1.0.7"
"version": "2.0.0"
}

View file

@ -11,24 +11,38 @@
// 5 => 32px
// 6 => 40px
$spacer: 8px !default;
// Our spacing scale
$spacer-0: 0 !default; // 0
$spacer-1: round($spacer / 2) !default; // 4px
$spacer-2: $spacer !default; // 8px
$spacer-3: $spacer * 2 !default; // 16px
$spacer-4: $spacer * 3 !default; // 24px
$spacer-5: $spacer * 4 !default; // 32px
$spacer-6: $spacer * 5 !default; // 40px
// The list of spacer values
$spacers: (
0,
round($spacer / 2),
$spacer,
$spacer * 2,
$spacer * 3,
$spacer * 4,
$spacer * 5
$spacer-0,
$spacer-1,
$spacer-2,
$spacer-3,
$spacer-4,
$spacer-5,
$spacer-6,
) !default;
// Aliases for easy use
$spacer-0: nth($spacers, 1) !default; // 0
$spacer-1: nth($spacers, 2) !default; // 4px
$spacer-2: nth($spacers, 3) !default; // 8px
$spacer-3: nth($spacers, 4) !default; // 16px
$spacer-4: nth($spacers, 5) !default; // 24px
$spacer-5: nth($spacers, 6) !default; // 32px
$spacer-6: nth($spacers, 7) !default; // 40px
// And the map of spacers, for easier looping:
// @each $scale, $length in $spacer-map { ... }
$spacer-map: (
0: $spacer-0,
1: $spacer-1,
2: $spacer-2,
3: $spacer-3,
4: $spacer-4,
5: $spacer-5,
6: $spacer-6,
) !default;
// Em spacer variables
$em-spacer-1: 0.0625em !default; // 1/16
@ -43,30 +57,53 @@ $container-width: 980px !default;
$grid-gutter: 10px !default;
// Breakpoint widths
$width-xs: 0;
$width-sm: 544px;
$width-md: 768px;
$width-lg: 1012px;
$width-xl: 1280px;
$width-xs: 0 !default;
// Small screen / phone
$width-sm: 544px !default;
// Medium screen / tablet
$width-md: 768px !default;
// Large screen / desktop (980 + (16 * 2)) <= container + gutters
$width-lg: 1012px !default;
// Extra large screen / wide desktop
$width-xl: 1280px !default;
// Responsive container widths
$container-sm: $width-sm !default;
$container-md: $width-md !default;
$container-lg: $width-lg !default;
$container-xl: $width-xl !default;
// Breakpoints
// Breakpoints in the form (name: length)
$breakpoints: (
// Small screen / phone
sm: $width-sm,
// Medium screen / tablet
md: $width-md,
// Large screen / desktop (980 + (16 * 2)) <= container + gutters
lg: $width-lg,
// Extra large screen / wide desktop
xl: $width-xl
) !default;
$responsive-variants: ("": "");
@each $key in map-keys($breakpoints) {
$responsive-variants: map-merge($responsive-variants, ($key: "-#{$key}"));
}
// This map in the form (breakpoint: variant) is used to iterate over
// breakpoints and create both responsive and non-responsive classes in one
// loop:
//
// ```scss
// @each $breakpoint, $variant of $responsive-variants {
// @include breakpoint($breakpoint) {
// .foo#{$variant}-bar { foo: bar !important; }
// }
// }
// ```
$responsive-variants: (
"": "",
sm: "-sm",
md: "-md",
lg: "-lg",
xl: "-xl",
) !default;
// responive utility position values
$responsive-positions: (
static,
relative,
absolute,
fixed
) !default;

View file

@ -1,19 +1,19 @@
{
"_from": "primer-support@4.7.2",
"_id": "primer-support@4.7.2",
"_from": "primer-support@5.0.0",
"_id": "primer-support@5.0.0",
"_inBundle": false,
"_integrity": "sha512-WbfjjITtGV6iXQeaVPL+AzHj1Jv9RHJRp7kIu5ebFXwolWmCqTBpA/8VmWmssyeTfv8zR7iuCoT0UoBF+uGHww==",
"_integrity": "sha512-inUxVSsGirn5IkPxBhFsMBgm8ZHyfOUmOWyDCN8cBXtbaLiCIAjHsPI46yS1zrWxnn0J2kvq8haomkrlHGF08g==",
"_location": "/primer-support",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-support@4.7.2",
"raw": "primer-support@5.0.0",
"name": "primer-support",
"escapedName": "primer-support",
"rawSpec": "4.7.2",
"rawSpec": "5.0.0",
"saveSpec": null,
"fetchSpec": "4.7.2"
"fetchSpec": "5.0.0"
},
"_requiredBy": [
"/primer-base",
@ -23,6 +23,11 @@
"/primer-core",
"/primer-forms",
"/primer-layout",
"/primer-marketing",
"/primer-marketing-buttons",
"/primer-marketing-support",
"/primer-marketing-type",
"/primer-marketing-utilities",
"/primer-navigation",
"/primer-pagination",
"/primer-table-object",
@ -30,10 +35,10 @@
"/primer-truncate",
"/primer-utilities"
],
"_resolved": "https://registry.npmjs.org/primer-support/-/primer-support-4.7.2.tgz",
"_shasum": "7c0e19361144ace2ecf2640793c8746855390185",
"_spec": "primer-support@4.7.2",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-support/-/primer-support-5.0.0.tgz",
"_shasum": "d19c7cea59e8783400b9391943c8a2bb2ebddc5e",
"_spec": "primer-support@5.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -78,5 +83,5 @@
"test": "npm run lint"
},
"style": "build/build.css",
"version": "4.7.2"
"version": "5.0.0"
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-table-object@1.4.13",
"_id": "primer-table-object@1.4.13",
"_from": "primer-table-object@2.0.0",
"_id": "primer-table-object@2.0.0",
"_inBundle": false,
"_integrity": "sha512-JoU/T1aubSg3cvEXh5K95X63W5bJLFlvDflVWMc8QJKiHBPmICH7yccsGI+ybhEUnd7MUD+BEXKgQwM+Iinv5g==",
"_integrity": "sha512-ajCCvy93AwE8g62wS9Frw6kw1JM+gLCwMrr5N3ZXsu4lN1171782lnHcNBFdVzu0iFYiovH7CfQ0glVRNJVAbg==",
"_location": "/primer-table-object",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-table-object@1.4.13",
"raw": "primer-table-object@2.0.0",
"name": "primer-table-object",
"escapedName": "primer-table-object",
"rawSpec": "1.4.13",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.4.13"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-1.4.13.tgz",
"_shasum": "acb394f14db69b4d2900147492d353ea4ebf3052",
"_spec": "primer-table-object@1.4.13",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-table-object/-/primer-table-object-2.0.0.tgz",
"_shasum": "c7fa79de0de4219036d83c3f832160cd311ac466",
"_spec": "primer-table-object@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "A module for creating dynamically resizable elements that always sit on the same horizontal line.",
@ -68,5 +68,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.4.13"
"version": "2.0.0"
}

21
node_modules/primer-tables/LICENSE generated vendored
View file

@ -1,21 +0,0 @@
The MIT License (MIT)
Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

57
node_modules/primer-tables/README.md generated vendored
View file

@ -1,57 +0,0 @@
# Primer Marketing CSS Tables
[![npm version](https://img.shields.io/npm/v/primer-tables.svg)](https://www.npmjs.org/package/primer-tables)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Styles to display tabular data for marketing websites at GitHub.
This repository is a module of the full [primer][primer] repository.
## Documentation
<!-- %docs
title: Tables
status: Deprecated
-->
**This component will be removed, and the `primer-tables` npm package deprecated, in Primer version 11.**
<!-- %enddocs -->
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-tables` with this command.
```
$ npm install --save primer-tables
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-tables/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`
```
$ npm run build
```
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

View file

@ -1 +0,0 @@
.data-table{width:100%;margin-top:16px;border-collapse:collapse;border:1px #e1e4e8 solid;box-shadow:0 1px 1px rgba(27,31,35,0.05)}.data-table th{font-weight:400;text-align:left}.data-table td,.data-table th{padding:16px;border-right:1px #e1e4e8 solid;border-bottom:1px #e1e4e8 solid}.data-table tbody th{width:25%}.data-table tbody th,.data-table tbody td{border-bottom-color:#e1e4e8}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:1px #e1e4e8 solid}

View file

@ -1 +0,0 @@
{"cssstats":{"size":487,"gzipSize":232,"humanizedSize":"487B","humanizedGzipSize":"232B","rules":{"total":6,"size":{"graph":[5,2,3,1,1,1],"max":5,"average":2.1666666666666665},"selectorByRuleSizes":[{"selector":".data-table","declarations":5},{"selector":".data-table td,.data-table th","declarations":3},{"selector":".data-table th","declarations":2},{"selector":".data-table tbody tr:last-child th,.data-table tbody tr:last-child td","declarations":1},{"selector":".data-table tbody th,.data-table tbody td","declarations":1},{"selector":".data-table tbody th","declarations":1}]},"selectors":{"total":9,"type":8,"class":9,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".data-table",".data-table th",".data-table td",".data-table th",".data-table tbody th",".data-table tbody th",".data-table tbody td",".data-table tbody tr:last-child th",".data-table tbody tr:last-child td"],"specificity":{"max":23,"average":13.88888888888889}},"declarations":{"total":13,"unique":12,"properties":{"width":["100%","25%"],"margin-top":["16px"],"border-collapse":["collapse"],"border":["1px #e1e4e8 solid"],"box-shadow":["0 1px 1px rgba(27,31,35,0.05)"],"font-weight":["400"],"text-align":["left"],"padding":["16px"],"border-right":["1px #e1e4e8 solid"],"border-bottom":["1px #e1e4e8 solid","1px #e1e4e8 solid"],"border-bottom-color":["#e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

View file

@ -1 +0,0 @@
module.exports = {"cssstats":{"size":487,"gzipSize":232,"humanizedSize":"487B","humanizedGzipSize":"232B","rules":{"total":6,"size":{"graph":[5,2,3,1,1,1],"max":5,"average":2.1666666666666665},"selectorByRuleSizes":[{"selector":".data-table","declarations":5},{"selector":".data-table td,.data-table th","declarations":3},{"selector":".data-table th","declarations":2},{"selector":".data-table tbody tr:last-child th,.data-table tbody tr:last-child td","declarations":1},{"selector":".data-table tbody th,.data-table tbody td","declarations":1},{"selector":".data-table tbody th","declarations":1}]},"selectors":{"total":9,"type":8,"class":9,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".data-table",".data-table th",".data-table td",".data-table th",".data-table tbody th",".data-table tbody th",".data-table tbody td",".data-table tbody tr:last-child th",".data-table tbody tr:last-child td"],"specificity":{"max":23,"average":13.88888888888889}},"declarations":{"total":13,"unique":12,"properties":{"width":["100%","25%"],"margin-top":["16px"],"border-collapse":["collapse"],"border":["1px #e1e4e8 solid"],"box-shadow":["0 1px 1px rgba(27,31,35,0.05)"],"font-weight":["400"],"text-align":["left"],"padding":["16px"],"border-right":["1px #e1e4e8 solid"],"border-bottom":["1px #e1e4e8 solid","1px #e1e4e8 solid"],"border-bottom-color":["#e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

View file

@ -1,6 +0,0 @@
@warn "The entire primer-tables package will be removed in primer v11.0.0.";
// support files
@import "primer-support/index.scss";
@import "primer-marketing-support/index.scss";
@import "./lib/tables.scss";

View file

@ -1,39 +0,0 @@
// stylelint-disable selector-max-type, selector-max-compound-selectors
.data-table {
width: 100%;
margin-top: $spacer-3;
border-collapse: collapse;
border: $border;
box-shadow: 0 1px 1px rgba($black, 0.05);
th {
font-weight: $font-weight-normal;
text-align: left;
}
td,
th {
padding: $spacer-3;
border-right: $border;
border-bottom: $border;
}
tbody {
th {
width: 25%;
}
th,
td {
border-bottom-color: $border-gray;
}
tr:last-child {
th,
td {
border-bottom: $border;
}
}
}
}

View file

@ -1,74 +0,0 @@
{
"_from": "primer-tables@1.5.3",
"_id": "primer-tables@1.5.3",
"_inBundle": false,
"_integrity": "sha512-ZTBG2qQvE9qKI8N7sdN39F8y5sckDRSFR4JkTVQqujrXwoK7kGeqdNXirKFSuzSyW9MnBt02tOTQ65xC0xl3sg==",
"_location": "/primer-tables",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-tables@1.5.3",
"name": "primer-tables",
"escapedName": "primer-tables",
"rawSpec": "1.5.3",
"saveSpec": null,
"fetchSpec": "1.5.3"
},
"_requiredBy": [
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-tables/-/primer-tables-1.5.3.tgz",
"_shasum": "7c598a9a2d2291b02df50134c076ff4e08091a4f",
"_spec": "primer-tables@1.5.3",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-marketing",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "1.5.6",
"primer-support": "4.7.2"
},
"deprecated": false,
"description": "Styles to display tabular data for marketing websites at GitHub.",
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primer.github.io/",
"keywords": [
"css",
"github",
"primer",
"design-system",
"style",
"tables"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-tables",
"primer": {
"category": "marketing",
"module_type": "components"
},
"repository": {
"type": "git",
"url": "https://github.com/primer/primer/tree/master/modules/primer-tables"
},
"sass": "index.scss",
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
"lint": "../../script/lint-scss",
"postpublish": "../../script/notify success",
"prepare": "npm run build",
"prepublishOnly": "../../script/notify pending",
"test": "../../script/npm-run-all build lint"
},
"style": "build/build.css",
"version": "1.5.3"
}

View file

@ -277,38 +277,3 @@
}
}
}
// Alert tooltips
//
// Colors for different alert states.
@mixin colorizeTooltip($text-color, $background-color) {
&::after {
color: $text-color;
background: $background-color;
}
&.tooltipped-s,
&.tooltipped-se,
&.tooltipped-sw {
&::before {
border-bottom-color: $background-color;
}
}
&.tooltipped-n,
&.tooltipped-ne,
&.tooltipped-nw {
&::before {
border-top-color: $background-color;
}
}
&.tooltipped-e::before {
border-right-color: $background-color;
}
&.tooltipped-w::before {
border-left-color: $background-color;
}
}
@warn "the colorizeTooltip mixin will be deprecated in version 11.";

View file

@ -1,27 +1,27 @@
{
"_from": "primer-tooltips@1.5.11",
"_id": "primer-tooltips@1.5.11",
"_from": "primer-tooltips@2.0.0",
"_id": "primer-tooltips@2.0.0",
"_inBundle": false,
"_integrity": "sha512-r0C4gnzg8hChoKVU5hC+e7BlKM3gkO+W8L1o91RCDiguN9S0u/yo3DQwlVL68igvAP34NEYzchsZ82BkQkd1Dg==",
"_integrity": "sha512-cNF3r3hG6sXLr71GbYyJw3BXCBhspW4FjzJ0Hx/BO+lP3XCrNAX/wqd57+vvnWSuaLif2O8s3/Prs3VBF50hVQ==",
"_location": "/primer-tooltips",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-tooltips@1.5.11",
"raw": "primer-tooltips@2.0.0",
"name": "primer-tooltips",
"escapedName": "primer-tooltips",
"rawSpec": "1.5.11",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.5.11"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.5.11.tgz",
"_shasum": "35b583de25008433b443b7b9063825e145fa4cbb",
"_spec": "primer-tooltips@1.5.11",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-2.0.0.tgz",
"_shasum": "953f271f411db2e7665282500bb75650ac82e9d8",
"_spec": "primer-tooltips@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Add tooltips built entirely in CSS to nearly any element.",
@ -68,5 +68,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.5.11"
"version": "2.0.0"
}

View file

@ -1,27 +1,27 @@
{
"_from": "primer-truncate@1.4.13",
"_id": "primer-truncate@1.4.13",
"_from": "primer-truncate@2.0.0",
"_id": "primer-truncate@2.0.0",
"_inBundle": false,
"_integrity": "sha512-/3saQDL8n77nGJ7zMT05PKTKeMTFrR2QVjZsD5XnOblMiglND95ozOKef0sDcyrgR7fv+qLMXr56+QS/FWFSsw==",
"_integrity": "sha512-/rmXZCR/wQpOyQsp/vSY8sO/9IczidcFRN0iUg4oCUXgufNuh8IRHetYOGXwnlMiO5c9EkbNFJi/6jkFmRBd4g==",
"_location": "/primer-truncate",
"_phantomChildren": {},
"_requested": {
"type": "version",
"registry": true,
"raw": "primer-truncate@1.4.13",
"raw": "primer-truncate@2.0.0",
"name": "primer-truncate",
"escapedName": "primer-truncate",
"rawSpec": "1.4.13",
"rawSpec": "2.0.0",
"saveSpec": null,
"fetchSpec": "1.4.13"
"fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
"_resolved": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-1.4.13.tgz",
"_shasum": "e8b763cec0547b413947b3a8aaa5ce72b9469489",
"_spec": "primer-truncate@1.4.13",
"_where": "/Users/brandonrosage/github/profile-generator/node_modules/primer-core",
"_resolved": "https://registry.npmjs.org/primer-truncate/-/primer-truncate-2.0.0.tgz",
"_shasum": "4f0d5087394ba81f786ba95c61eb69f6522f3425",
"_spec": "primer-truncate@2.0.0",
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator/node_modules/primer-core",
"author": {
"name": "GitHub, Inc."
},
@ -30,7 +30,7 @@
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "4.7.2"
"primer-support": "5.0.0"
},
"deprecated": false,
"description": "Shorten text with an ellipsis.",
@ -71,5 +71,5 @@
"test-docs": "../../script/test-docs"
},
"style": "build/build.css",
"version": "1.4.13"
"version": "2.0.0"
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -28,7 +28,7 @@ These types of shadows are typically applied to elements with borders, such as t
<h3 class="m-0">Organization</h3>
</div>
<div class="Box-row">
<p class="mb-0 alt-text-small text-gray">
<p class="mb-0 text-gray">
Taxidermy live-edge mixtape, keytar tumeric locavore meh selvage deep v letterpress vexillologist lo-fi tousled church-key thundercats. Brooklyn bicycle rights tousled, marfa actually.
</p>
</div>
@ -56,7 +56,7 @@ Medium box shadows are typically used on editorialized content that needs to app
<a class="d-block box-shadow-medium px-3 pt-4 pb-6 position-relative rounded-1 overflow-hidden no-underline" href="#">
<div class="bg-blue position-absolute top-0 left-0 py-1 width-full"></div>
<h3 class="text-gray-dark">Serverless architecture</h3>
<p class="alt-text-small text-gray">
<p class="text-gray">
Build powerful, event-driven, serverless architectures with these open-source libraries and frameworks.
</p>
<ul class="position-absolute bottom-0 pb-3 text-small text-gray list-style-none ">

Some files were not shown because too many files have changed in this diff Show more