commit
9d192eb7d6
87 changed files with 2804 additions and 3 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
/_site
|
1
Gemfile
1
Gemfile
|
@ -1,2 +1,3 @@
|
|||
source 'https://rubygems.org'
|
||||
gem 'github-pages', group: :jekyll_plugins
|
||||
gem 'jekyll-octicons'
|
||||
|
|
|
@ -125,6 +125,9 @@ GEM
|
|||
activesupport (~> 4.0)
|
||||
html-pipeline (~> 2.3)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-octicons (8.0.0)
|
||||
jekyll (~> 3.1)
|
||||
octicons (= 8.0.0)
|
||||
jekyll-optional-front-matter (0.3.0)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-paginate (1.1.0)
|
||||
|
@ -209,6 +212,8 @@ GEM
|
|||
multipart-post (2.0.0)
|
||||
nokogiri (1.9.1)
|
||||
mini_portile2 (~> 2.4.0)
|
||||
octicons (8.0.0)
|
||||
nokogiri (>= 1.6.3.1)
|
||||
octokit (4.13.0)
|
||||
sawyer (~> 0.8.0, >= 0.5.3)
|
||||
pathutil (0.16.2)
|
||||
|
@ -245,6 +250,7 @@ PLATFORMS
|
|||
|
||||
DEPENDENCIES
|
||||
github-pages
|
||||
jekyll-octicons
|
||||
|
||||
BUNDLED WITH
|
||||
1.16.1
|
||||
2.0.1
|
||||
|
|
|
@ -1,5 +1,9 @@
|
|||
title: Brandon Rosage
|
||||
description: description XYZ
|
||||
email: brandon@github.com
|
||||
|
||||
sass:
|
||||
sass_dir: node_modules
|
||||
|
||||
gems:
|
||||
- jekyll-octicons
|
||||
|
|
2
_includes/footer.html
Normal file
2
_includes/footer.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
</body>
|
||||
</html>
|
8
_includes/header.html
Normal file
8
_includes/header.html
Normal file
|
@ -0,0 +1,8 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{ site.github.project_title }}</title>
|
||||
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
36
_layouts/sidebar.html
Normal file
36
_layouts/sidebar.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
{% include header.html %}
|
||||
|
||||
{% assign user = site.github.organization_members[0] %}
|
||||
|
||||
<div class="d-md-flex">
|
||||
<div class="flex-self-stretch border-bottom border-md-bottom-0 border-md-right col-md-5 col-lg-4 col-xl-3 px-4 py-6 px-lg-6">
|
||||
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
|
||||
<h1 class="mb-2">{{ site.title }}</h1>
|
||||
<p class="mb-3 f4 text-gray">
|
||||
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
|
||||
</p>
|
||||
<div class="f4 mb-6">
|
||||
<div class="mb-3">
|
||||
{% octicon mark-github height:20 class:"mr-1 v-align-middle" aria-label:GitHub %}
|
||||
<a href="https://github.com/{{ user.login }}">
|
||||
@{{ user.login }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
|
||||
<a href="mailto:{{ user.email }}">
|
||||
{{ site.email }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="">
|
||||
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
|
||||
Austin, TX
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-4 py-6 px-lg-6">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
36
_layouts/stacked.html
Normal file
36
_layouts/stacked.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
{% include header.html %}
|
||||
|
||||
{% assign user = site.github.organization_members[0] %}
|
||||
|
||||
<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="mb-2">{{ site.title }}</h1>
|
||||
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
|
||||
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
|
||||
</p>
|
||||
<div class="f4 mb-6">
|
||||
<div class="d-md-inline-block mr-3">
|
||||
{% octicon mark-github height:20 class:"mr-1 v-align-middle" aria-label:GitHub %}
|
||||
<a href="https://github.com/{{ user.login }}">
|
||||
@{{ user.login }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-md-inline-block mr-3">
|
||||
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
|
||||
<a href="mailto:{{ user.email }}">
|
||||
{{ site.email }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-md-inline-block">
|
||||
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
|
||||
Austin, TX
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% include footer.html %}
|
|
@ -6,6 +6,7 @@
|
|||
*/
|
||||
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
||||
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
|
||||
@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700,900");
|
||||
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
|
||||
|
||||
/** Remove the margin in all browsers (opinionated). */
|
||||
|
@ -3243,3 +3244,529 @@ a.tabnav-extra:hover { color: #0366d6; text-decoration: none; }
|
|||
|
||||
.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
|
||||
.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
|
||||
|
||||
/*!
|
||||
* Primer-marketing
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2019 GitHub Inc.
|
||||
*/
|
||||
.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; } }
|
||||
|
||||
.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: -0.5em; border-color: rgba(27, 31, 35, 0.5); }
|
||||
.btn-orange:active, .btn-orange.selected, [open] > .btn-orange { background-color: #c75e17; 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: #e9ad84; 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; }
|
||||
|
||||
.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); }
|
||||
|
||||
.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; } }
|
||||
|
||||
.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; }
|
||||
|
||||
.grayscale { filter: grayscale(100%); }
|
||||
|
||||
/* Use with .border to turn the border rgba white 0.15 */
|
||||
.border-white-fade { border-color: rgba(255, 255, 255, 0.15) !important; }
|
||||
|
||||
@media (min-width: 544px) { /* Set position to relative */
|
||||
.position-sm-relative { position: relative !important; }
|
||||
/* Set position to absolute */
|
||||
.position-sm-absolute { position: absolute !important; }
|
||||
/* Set position to fixed */
|
||||
.position-sm-fixed { position: fixed !important; } }
|
||||
@media (min-width: 768px) { /* Set position to relative */
|
||||
.position-md-relative { position: relative !important; }
|
||||
/* Set position to absolute */
|
||||
.position-md-absolute { position: absolute !important; }
|
||||
/* Set position to fixed */
|
||||
.position-md-fixed { position: fixed !important; } }
|
||||
@media (min-width: 1012px) { /* Set position to relative */
|
||||
.position-lg-relative { position: relative !important; }
|
||||
/* Set position to absolute */
|
||||
.position-lg-absolute { position: absolute !important; }
|
||||
/* Set position to fixed */
|
||||
.position-lg-fixed { position: fixed !important; } }
|
||||
@media (min-width: 1280px) { /* Set position to relative */
|
||||
.position-xl-relative { position: relative !important; }
|
||||
/* Set position to absolute */
|
||||
.position-xl-absolute { position: absolute !important; }
|
||||
/* Set position to fixed */
|
||||
.position-xl-fixed { position: fixed !important; } }
|
||||
/* Set a 48px margin on the top */
|
||||
.mt-7 { margin-top: 48px !important; }
|
||||
|
||||
/* Set a 48px margin on the bottom */
|
||||
.mb-7 { margin-bottom: 48px !important; }
|
||||
|
||||
/* Set a 48px margin on the top & bottom */
|
||||
.my-7 { margin-top: 48px !important; margin-bottom: 48px !important; }
|
||||
|
||||
/* Set a 64px margin on the top */
|
||||
.mt-8 { margin-top: 64px !important; }
|
||||
|
||||
/* Set a 64px margin on the bottom */
|
||||
.mb-8 { margin-bottom: 64px !important; }
|
||||
|
||||
/* Set a 64px margin on the top & bottom */
|
||||
.my-8 { margin-top: 64px !important; margin-bottom: 64px !important; }
|
||||
|
||||
/* Set a 80px margin on the top */
|
||||
.mt-9 { margin-top: 80px !important; }
|
||||
|
||||
/* Set a 80px margin on the bottom */
|
||||
.mb-9 { margin-bottom: 80px !important; }
|
||||
|
||||
/* Set a 80px margin on the top & bottom */
|
||||
.my-9 { margin-top: 80px !important; margin-bottom: 80px !important; }
|
||||
|
||||
/* Set a 96px margin on the top */
|
||||
.mt-10 { margin-top: 96px !important; }
|
||||
|
||||
/* Set a 96px margin on the bottom */
|
||||
.mb-10 { margin-bottom: 96px !important; }
|
||||
|
||||
/* Set a 96px margin on the top & bottom */
|
||||
.my-10 { margin-top: 96px !important; margin-bottom: 96px !important; }
|
||||
|
||||
/* Set a 112px margin on the top */
|
||||
.mt-11 { margin-top: 112px !important; }
|
||||
|
||||
/* Set a 112px margin on the bottom */
|
||||
.mb-11 { margin-bottom: 112px !important; }
|
||||
|
||||
/* Set a 112px margin on the top & bottom */
|
||||
.my-11 { margin-top: 112px !important; margin-bottom: 112px !important; }
|
||||
|
||||
/* Set a 128px margin on the top */
|
||||
.mt-12 { margin-top: 128px !important; }
|
||||
|
||||
/* Set a 128px margin on the bottom */
|
||||
.mb-12 { margin-bottom: 128px !important; }
|
||||
|
||||
/* Set a 128px margin on the top & bottom */
|
||||
.my-12 { margin-top: 128px !important; margin-bottom: 128px !important; }
|
||||
|
||||
@media (min-width: 544px) { /* Set a 48px margin on the top at the breakpoint sm */
|
||||
.mt-sm-7 { margin-top: 48px !important; }
|
||||
/* Set a 48px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-7 { margin-bottom: 48px !important; }
|
||||
/* Set a 48px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-7 { margin-top: 48px !important; margin-bottom: 48px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 64px margin on the top at the breakpoint sm */
|
||||
.mt-sm-8 { margin-top: 64px !important; }
|
||||
/* Set a 64px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-8 { margin-bottom: 64px !important; }
|
||||
/* Set a 64px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-8 { margin-top: 64px !important; margin-bottom: 64px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 80px margin on the top at the breakpoint sm */
|
||||
.mt-sm-9 { margin-top: 80px !important; }
|
||||
/* Set a 80px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-9 { margin-bottom: 80px !important; }
|
||||
/* Set a 80px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-9 { margin-top: 80px !important; margin-bottom: 80px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 96px margin on the top at the breakpoint sm */
|
||||
.mt-sm-10 { margin-top: 96px !important; }
|
||||
/* Set a 96px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-10 { margin-bottom: 96px !important; }
|
||||
/* Set a 96px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-10 { margin-top: 96px !important; margin-bottom: 96px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 112px margin on the top at the breakpoint sm */
|
||||
.mt-sm-11 { margin-top: 112px !important; }
|
||||
/* Set a 112px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-11 { margin-bottom: 112px !important; }
|
||||
/* Set a 112px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-11 { margin-top: 112px !important; margin-bottom: 112px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 128px margin on the top at the breakpoint sm */
|
||||
.mt-sm-12 { margin-top: 128px !important; }
|
||||
/* Set a 128px margin on the bottom at the breakpoint sm */
|
||||
.mb-sm-12 { margin-bottom: 128px !important; }
|
||||
/* Set a 128px margin on the top & bottom at the breakpoint sm */
|
||||
.my-sm-12 { margin-top: 128px !important; margin-bottom: 128px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 48px margin on the top at the breakpoint md */
|
||||
.mt-md-7 { margin-top: 48px !important; }
|
||||
/* Set a 48px margin on the bottom at the breakpoint md */
|
||||
.mb-md-7 { margin-bottom: 48px !important; }
|
||||
/* Set a 48px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-7 { margin-top: 48px !important; margin-bottom: 48px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 64px margin on the top at the breakpoint md */
|
||||
.mt-md-8 { margin-top: 64px !important; }
|
||||
/* Set a 64px margin on the bottom at the breakpoint md */
|
||||
.mb-md-8 { margin-bottom: 64px !important; }
|
||||
/* Set a 64px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-8 { margin-top: 64px !important; margin-bottom: 64px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 80px margin on the top at the breakpoint md */
|
||||
.mt-md-9 { margin-top: 80px !important; }
|
||||
/* Set a 80px margin on the bottom at the breakpoint md */
|
||||
.mb-md-9 { margin-bottom: 80px !important; }
|
||||
/* Set a 80px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-9 { margin-top: 80px !important; margin-bottom: 80px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 96px margin on the top at the breakpoint md */
|
||||
.mt-md-10 { margin-top: 96px !important; }
|
||||
/* Set a 96px margin on the bottom at the breakpoint md */
|
||||
.mb-md-10 { margin-bottom: 96px !important; }
|
||||
/* Set a 96px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-10 { margin-top: 96px !important; margin-bottom: 96px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 112px margin on the top at the breakpoint md */
|
||||
.mt-md-11 { margin-top: 112px !important; }
|
||||
/* Set a 112px margin on the bottom at the breakpoint md */
|
||||
.mb-md-11 { margin-bottom: 112px !important; }
|
||||
/* Set a 112px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-11 { margin-top: 112px !important; margin-bottom: 112px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 128px margin on the top at the breakpoint md */
|
||||
.mt-md-12 { margin-top: 128px !important; }
|
||||
/* Set a 128px margin on the bottom at the breakpoint md */
|
||||
.mb-md-12 { margin-bottom: 128px !important; }
|
||||
/* Set a 128px margin on the top & bottom at the breakpoint md */
|
||||
.my-md-12 { margin-top: 128px !important; margin-bottom: 128px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 48px margin on the top at the breakpoint lg */
|
||||
.mt-lg-7 { margin-top: 48px !important; }
|
||||
/* Set a 48px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-7 { margin-bottom: 48px !important; }
|
||||
/* Set a 48px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-7 { margin-top: 48px !important; margin-bottom: 48px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 64px margin on the top at the breakpoint lg */
|
||||
.mt-lg-8 { margin-top: 64px !important; }
|
||||
/* Set a 64px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-8 { margin-bottom: 64px !important; }
|
||||
/* Set a 64px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-8 { margin-top: 64px !important; margin-bottom: 64px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 80px margin on the top at the breakpoint lg */
|
||||
.mt-lg-9 { margin-top: 80px !important; }
|
||||
/* Set a 80px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-9 { margin-bottom: 80px !important; }
|
||||
/* Set a 80px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-9 { margin-top: 80px !important; margin-bottom: 80px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 96px margin on the top at the breakpoint lg */
|
||||
.mt-lg-10 { margin-top: 96px !important; }
|
||||
/* Set a 96px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-10 { margin-bottom: 96px !important; }
|
||||
/* Set a 96px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-10 { margin-top: 96px !important; margin-bottom: 96px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 112px margin on the top at the breakpoint lg */
|
||||
.mt-lg-11 { margin-top: 112px !important; }
|
||||
/* Set a 112px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-11 { margin-bottom: 112px !important; }
|
||||
/* Set a 112px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-11 { margin-top: 112px !important; margin-bottom: 112px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 128px margin on the top at the breakpoint lg */
|
||||
.mt-lg-12 { margin-top: 128px !important; }
|
||||
/* Set a 128px margin on the bottom at the breakpoint lg */
|
||||
.mb-lg-12 { margin-bottom: 128px !important; }
|
||||
/* Set a 128px margin on the top & bottom at the breakpoint lg */
|
||||
.my-lg-12 { margin-top: 128px !important; margin-bottom: 128px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 48px margin on the top at the breakpoint xl */
|
||||
.mt-xl-7 { margin-top: 48px !important; }
|
||||
/* Set a 48px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-7 { margin-bottom: 48px !important; }
|
||||
/* Set a 48px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-7 { margin-top: 48px !important; margin-bottom: 48px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 64px margin on the top at the breakpoint xl */
|
||||
.mt-xl-8 { margin-top: 64px !important; }
|
||||
/* Set a 64px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-8 { margin-bottom: 64px !important; }
|
||||
/* Set a 64px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-8 { margin-top: 64px !important; margin-bottom: 64px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 80px margin on the top at the breakpoint xl */
|
||||
.mt-xl-9 { margin-top: 80px !important; }
|
||||
/* Set a 80px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-9 { margin-bottom: 80px !important; }
|
||||
/* Set a 80px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-9 { margin-top: 80px !important; margin-bottom: 80px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 96px margin on the top at the breakpoint xl */
|
||||
.mt-xl-10 { margin-top: 96px !important; }
|
||||
/* Set a 96px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-10 { margin-bottom: 96px !important; }
|
||||
/* Set a 96px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-10 { margin-top: 96px !important; margin-bottom: 96px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 112px margin on the top at the breakpoint xl */
|
||||
.mt-xl-11 { margin-top: 112px !important; }
|
||||
/* Set a 112px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-11 { margin-bottom: 112px !important; }
|
||||
/* Set a 112px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-11 { margin-top: 112px !important; margin-bottom: 112px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 128px margin on the top at the breakpoint xl */
|
||||
.mt-xl-12 { margin-top: 128px !important; }
|
||||
/* Set a 128px margin on the bottom at the breakpoint xl */
|
||||
.mb-xl-12 { margin-bottom: 128px !important; }
|
||||
/* Set a 128px margin on the top & bottom at the breakpoint xl */
|
||||
.my-xl-12 { margin-top: 128px !important; margin-bottom: 128px !important; } }
|
||||
/* Set a 48px padding to the top */
|
||||
.pt-7 { padding-top: 48px !important; }
|
||||
|
||||
/* Set a 48px padding to the bottom */
|
||||
.pb-7 { padding-bottom: 48px !important; }
|
||||
|
||||
/* Set a 48px padding to the top & bottom */
|
||||
.py-7 { padding-top: 48px !important; padding-bottom: 48px !important; }
|
||||
|
||||
/* Set a 64px padding to the top */
|
||||
.pt-8 { padding-top: 64px !important; }
|
||||
|
||||
/* Set a 64px padding to the bottom */
|
||||
.pb-8 { padding-bottom: 64px !important; }
|
||||
|
||||
/* Set a 64px padding to the top & bottom */
|
||||
.py-8 { padding-top: 64px !important; padding-bottom: 64px !important; }
|
||||
|
||||
/* Set a 80px padding to the top */
|
||||
.pt-9 { padding-top: 80px !important; }
|
||||
|
||||
/* Set a 80px padding to the bottom */
|
||||
.pb-9 { padding-bottom: 80px !important; }
|
||||
|
||||
/* Set a 80px padding to the top & bottom */
|
||||
.py-9 { padding-top: 80px !important; padding-bottom: 80px !important; }
|
||||
|
||||
/* Set a 96px padding to the top */
|
||||
.pt-10 { padding-top: 96px !important; }
|
||||
|
||||
/* Set a 96px padding to the bottom */
|
||||
.pb-10 { padding-bottom: 96px !important; }
|
||||
|
||||
/* Set a 96px padding to the top & bottom */
|
||||
.py-10 { padding-top: 96px !important; padding-bottom: 96px !important; }
|
||||
|
||||
/* Set a 112px padding to the top */
|
||||
.pt-11 { padding-top: 112px !important; }
|
||||
|
||||
/* Set a 112px padding to the bottom */
|
||||
.pb-11 { padding-bottom: 112px !important; }
|
||||
|
||||
/* Set a 112px padding to the top & bottom */
|
||||
.py-11 { padding-top: 112px !important; padding-bottom: 112px !important; }
|
||||
|
||||
/* Set a 128px padding to the top */
|
||||
.pt-12 { padding-top: 128px !important; }
|
||||
|
||||
/* Set a 128px padding to the bottom */
|
||||
.pb-12 { padding-bottom: 128px !important; }
|
||||
|
||||
/* Set a 128px padding to the top & bottom */
|
||||
.py-12 { padding-top: 128px !important; padding-bottom: 128px !important; }
|
||||
|
||||
@media (min-width: 544px) { /* Set a 48px padding to the top at the sm breakpoint */
|
||||
.pt-sm-7 { padding-top: 48px !important; }
|
||||
/* Set a 48px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-7 { padding-bottom: 48px !important; }
|
||||
/* Set a 48px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-7 { padding-top: 48px !important; padding-bottom: 48px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 64px padding to the top at the sm breakpoint */
|
||||
.pt-sm-8 { padding-top: 64px !important; }
|
||||
/* Set a 64px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-8 { padding-bottom: 64px !important; }
|
||||
/* Set a 64px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-8 { padding-top: 64px !important; padding-bottom: 64px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 80px padding to the top at the sm breakpoint */
|
||||
.pt-sm-9 { padding-top: 80px !important; }
|
||||
/* Set a 80px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-9 { padding-bottom: 80px !important; }
|
||||
/* Set a 80px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-9 { padding-top: 80px !important; padding-bottom: 80px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 96px padding to the top at the sm breakpoint */
|
||||
.pt-sm-10 { padding-top: 96px !important; }
|
||||
/* Set a 96px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-10 { padding-bottom: 96px !important; }
|
||||
/* Set a 96px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-10 { padding-top: 96px !important; padding-bottom: 96px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 112px padding to the top at the sm breakpoint */
|
||||
.pt-sm-11 { padding-top: 112px !important; }
|
||||
/* Set a 112px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-11 { padding-bottom: 112px !important; }
|
||||
/* Set a 112px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-11 { padding-top: 112px !important; padding-bottom: 112px !important; } }
|
||||
@media (min-width: 544px) { /* Set a 128px padding to the top at the sm breakpoint */
|
||||
.pt-sm-12 { padding-top: 128px !important; }
|
||||
/* Set a 128px padding to the bottom at the sm breakpoint */
|
||||
.pb-sm-12 { padding-bottom: 128px !important; }
|
||||
/* Set a 128px padding to the top & bottom at the sm breakpoint */
|
||||
.py-sm-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 48px padding to the top at the md breakpoint */
|
||||
.pt-md-7 { padding-top: 48px !important; }
|
||||
/* Set a 48px padding to the bottom at the md breakpoint */
|
||||
.pb-md-7 { padding-bottom: 48px !important; }
|
||||
/* Set a 48px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-7 { padding-top: 48px !important; padding-bottom: 48px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 64px padding to the top at the md breakpoint */
|
||||
.pt-md-8 { padding-top: 64px !important; }
|
||||
/* Set a 64px padding to the bottom at the md breakpoint */
|
||||
.pb-md-8 { padding-bottom: 64px !important; }
|
||||
/* Set a 64px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-8 { padding-top: 64px !important; padding-bottom: 64px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 80px padding to the top at the md breakpoint */
|
||||
.pt-md-9 { padding-top: 80px !important; }
|
||||
/* Set a 80px padding to the bottom at the md breakpoint */
|
||||
.pb-md-9 { padding-bottom: 80px !important; }
|
||||
/* Set a 80px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-9 { padding-top: 80px !important; padding-bottom: 80px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 96px padding to the top at the md breakpoint */
|
||||
.pt-md-10 { padding-top: 96px !important; }
|
||||
/* Set a 96px padding to the bottom at the md breakpoint */
|
||||
.pb-md-10 { padding-bottom: 96px !important; }
|
||||
/* Set a 96px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-10 { padding-top: 96px !important; padding-bottom: 96px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 112px padding to the top at the md breakpoint */
|
||||
.pt-md-11 { padding-top: 112px !important; }
|
||||
/* Set a 112px padding to the bottom at the md breakpoint */
|
||||
.pb-md-11 { padding-bottom: 112px !important; }
|
||||
/* Set a 112px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-11 { padding-top: 112px !important; padding-bottom: 112px !important; } }
|
||||
@media (min-width: 768px) { /* Set a 128px padding to the top at the md breakpoint */
|
||||
.pt-md-12 { padding-top: 128px !important; }
|
||||
/* Set a 128px padding to the bottom at the md breakpoint */
|
||||
.pb-md-12 { padding-bottom: 128px !important; }
|
||||
/* Set a 128px padding to the top & bottom at the md breakpoint */
|
||||
.py-md-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 48px padding to the top at the lg breakpoint */
|
||||
.pt-lg-7 { padding-top: 48px !important; }
|
||||
/* Set a 48px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-7 { padding-bottom: 48px !important; }
|
||||
/* Set a 48px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-7 { padding-top: 48px !important; padding-bottom: 48px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 64px padding to the top at the lg breakpoint */
|
||||
.pt-lg-8 { padding-top: 64px !important; }
|
||||
/* Set a 64px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-8 { padding-bottom: 64px !important; }
|
||||
/* Set a 64px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-8 { padding-top: 64px !important; padding-bottom: 64px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 80px padding to the top at the lg breakpoint */
|
||||
.pt-lg-9 { padding-top: 80px !important; }
|
||||
/* Set a 80px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-9 { padding-bottom: 80px !important; }
|
||||
/* Set a 80px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-9 { padding-top: 80px !important; padding-bottom: 80px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 96px padding to the top at the lg breakpoint */
|
||||
.pt-lg-10 { padding-top: 96px !important; }
|
||||
/* Set a 96px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-10 { padding-bottom: 96px !important; }
|
||||
/* Set a 96px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-10 { padding-top: 96px !important; padding-bottom: 96px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 112px padding to the top at the lg breakpoint */
|
||||
.pt-lg-11 { padding-top: 112px !important; }
|
||||
/* Set a 112px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-11 { padding-bottom: 112px !important; }
|
||||
/* Set a 112px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-11 { padding-top: 112px !important; padding-bottom: 112px !important; } }
|
||||
@media (min-width: 1012px) { /* Set a 128px padding to the top at the lg breakpoint */
|
||||
.pt-lg-12 { padding-top: 128px !important; }
|
||||
/* Set a 128px padding to the bottom at the lg breakpoint */
|
||||
.pb-lg-12 { padding-bottom: 128px !important; }
|
||||
/* Set a 128px padding to the top & bottom at the lg breakpoint */
|
||||
.py-lg-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 48px padding to the top at the xl breakpoint */
|
||||
.pt-xl-7 { padding-top: 48px !important; }
|
||||
/* Set a 48px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-7 { padding-bottom: 48px !important; }
|
||||
/* Set a 48px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-7 { padding-top: 48px !important; padding-bottom: 48px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 64px padding to the top at the xl breakpoint */
|
||||
.pt-xl-8 { padding-top: 64px !important; }
|
||||
/* Set a 64px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-8 { padding-bottom: 64px !important; }
|
||||
/* Set a 64px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-8 { padding-top: 64px !important; padding-bottom: 64px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 80px padding to the top at the xl breakpoint */
|
||||
.pt-xl-9 { padding-top: 80px !important; }
|
||||
/* Set a 80px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-9 { padding-bottom: 80px !important; }
|
||||
/* Set a 80px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-9 { padding-top: 80px !important; padding-bottom: 80px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 96px padding to the top at the xl breakpoint */
|
||||
.pt-xl-10 { padding-top: 96px !important; }
|
||||
/* Set a 96px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-10 { padding-bottom: 96px !important; }
|
||||
/* Set a 96px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-10 { padding-top: 96px !important; padding-bottom: 96px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 112px padding to the top at the xl breakpoint */
|
||||
.pt-xl-11 { padding-top: 112px !important; }
|
||||
/* Set a 112px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-11 { padding-bottom: 112px !important; }
|
||||
/* Set a 112px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-11 { padding-top: 112px !important; padding-bottom: 112px !important; } }
|
||||
@media (min-width: 1280px) { /* Set a 128px padding to the top at the xl breakpoint */
|
||||
.pt-xl-12 { padding-top: 128px !important; }
|
||||
/* Set a 128px padding to the bottom at the xl breakpoint */
|
||||
.pb-xl-12 { padding-bottom: 128px !important; }
|
||||
/* Set a 128px padding to the top & bottom at the xl breakpoint */
|
||||
.py-xl-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
|
||||
body { font-family: 'Rubik', sans-serif; }
|
||||
|
|
47
_site/layout-sidebar.html
Normal file
47
_site/layout-sidebar.html
Normal file
|
@ -0,0 +1,47 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>profile-generator</title>
|
||||
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="d-md-flex">
|
||||
<div class="flex-self-stretch border-bottom border-md-bottom-0 border-md-right col-md-5 col-lg-4 col-xl-3 px-4 py-6 px-lg-6">
|
||||
<img src="https://avatars0.githubusercontent.com/u/11095731?v=4" class="circle mb-3" style="max-width: 150px;">
|
||||
<h1 class="mb-2">Brandon Rosage</h1>
|
||||
<p class="mb-3 f4 text-gray">
|
||||
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
|
||||
</p>
|
||||
<div class="f4 mb-6">
|
||||
<div class="mb-3">
|
||||
<svg height="20" class="octicon octicon-mark-github mr-1 v-align-middle" aria-label="GitHub" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
|
||||
<a href="https://github.com/BenEmdon">
|
||||
@BenEmdon
|
||||
</a>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<svg height="20" class="octicon octicon-mail mr-1 v-align-middle" aria-label="Email" viewBox="0 0 14 16" version="1.1" width="17" role="img"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/></svg>
|
||||
<a href="mailto:">
|
||||
brandon@github.com
|
||||
</a>
|
||||
</div>
|
||||
<div class="">
|
||||
<svg height="20" class="octicon octicon-location mr-1 v-align-middle" aria-label="Location" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
|
||||
Austin, TX
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-4 py-6 px-lg-6">
|
||||
Hello! This is where the content for the sidebar layout will be.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
47
_site/layout-stacked.html
Normal file
47
_site/layout-stacked.html
Normal file
|
@ -0,0 +1,47 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>profile-generator</title>
|
||||
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container-lg py-6 p-responsive text-center">
|
||||
<img src="https://avatars0.githubusercontent.com/u/11095731?v=4" class="circle mb-3" style="max-width: 150px;">
|
||||
<h1 class="mb-2">Brandon Rosage</h1>
|
||||
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
|
||||
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
|
||||
</p>
|
||||
<div class="f4 mb-6">
|
||||
<div class="d-inline-block mr-3">
|
||||
<svg height="20" class="octicon octicon-mark-github mr-1 v-align-middle" aria-label="GitHub" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
|
||||
<a href="https://github.com/BenEmdon">
|
||||
@BenEmdon
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-inline-block mr-3">
|
||||
<svg height="20" class="octicon octicon-mail mr-1 v-align-middle" aria-label="Email" viewBox="0 0 14 16" version="1.1" width="17" role="img"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/></svg>
|
||||
<a href="mailto:">
|
||||
brandon@github.com
|
||||
</a>
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<svg height="20" class="octicon octicon-location mr-1 v-align-middle" aria-label="Location" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
|
||||
Austin, TX
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Hello! This is where the content will be.
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
73
_site/package-lock.json
generated
73
_site/package-lock.json
generated
|
@ -72,6 +72,52 @@
|
|||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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==",
|
||||
"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": {
|
||||
"version": "1.0.13",
|
||||
"resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-1.0.13.tgz",
|
||||
"integrity": "sha512-1MzzrG/68zaEcQypG50uELwQ4MHH9b8aTy3jXxayZRc1qvZaLh5SEcSIHWe5lMIZk8qrtYhr22py9+kibyTKIQ==",
|
||||
"requires": {
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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=="
|
||||
},
|
||||
"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==",
|
||||
"requires": {
|
||||
"primer-marketing-support": "1.5.6",
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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==",
|
||||
"requires": {
|
||||
"primer-marketing-support": "1.5.6",
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"primer-navigation": {
|
||||
"version": "1.5.11",
|
||||
"resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.5.11.tgz",
|
||||
|
@ -80,6 +126,24 @@
|
|||
"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-pagination": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.7.tgz",
|
||||
|
@ -101,6 +165,15 @@
|
|||
"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-tooltips": {
|
||||
"version": "1.5.11",
|
||||
"resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.5.11.tgz",
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
},
|
||||
"homepage": "https://github.com/github/profile-generator#readme",
|
||||
"dependencies": {
|
||||
"primer-core": "^6.10.9"
|
||||
"primer-core": "^6.10.9",
|
||||
"primer-marketing": "^6.3.3"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,3 +1,9 @@
|
|||
---
|
||||
---
|
||||
@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;
|
||||
}
|
||||
|
|
5
layout-sidebar.html
Normal file
5
layout-sidebar.html
Normal file
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: sidebar
|
||||
---
|
||||
|
||||
Hello! This is where the content for the sidebar layout will be.
|
5
layout-stacked.html
Normal file
5
layout-stacked.html
Normal file
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: stacked
|
||||
---
|
||||
|
||||
Hello! This is where the content will be.
|
21
node_modules/primer-marketing-buttons/LICENSE
generated
vendored
Normal file
21
node_modules/primer-marketing-buttons/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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.
|
90
node_modules/primer-marketing-buttons/README.md
generated
vendored
Normal file
90
node_modules/primer-marketing-buttons/README.md
generated
vendored
Normal file
|
@ -0,0 +1,90 @@
|
|||
# Primer Marketing CSS Buttons
|
||||
|
||||
[![npm version](https://img.shields.io/npm/v/primer-marketing-buttons.svg)](https://www.npmjs.org/package/primer-marketing-buttons)
|
||||
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
||||
|
||||
> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.
|
||||
|
||||
This repository is a module of the full [primer][primer] repository.
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Marketing Buttons
|
||||
path: components/marketing-buttons
|
||||
status: New Release
|
||||
-->
|
||||
|
||||
Marketing buttons extend primer-core buttons with more color and fill styles.
|
||||
|
||||
|
||||
## Colors
|
||||
|
||||
Marketing buttons are available in orange.
|
||||
|
||||
```html
|
||||
<button class="btn btn-orange" type="button">Button button</button>
|
||||
```
|
||||
|
||||
## Outline button colors
|
||||
|
||||
The `btn-outline` has also been extended with orange, purple, and green.
|
||||
|
||||
```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>
|
||||
```
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-buttons` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-marketing-buttons
|
||||
```
|
||||
|
||||
## 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-marketing-buttons/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 © [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/
|
1
node_modules/primer-marketing-buttons/build/build.css
generated
vendored
Normal file
1
node_modules/primer-marketing-buttons/build/build.css
generated
vendored
Normal file
|
@ -0,0 +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}
|
1
node_modules/primer-marketing-buttons/build/data.json
generated
vendored
Normal file
1
node_modules/primer-marketing-buttons/build/data.json
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing-buttons/build/index.js
generated
vendored
Normal file
1
node_modules/primer-marketing-buttons/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
node_modules/primer-marketing-buttons/index.scss
generated
vendored
Normal file
3
node_modules/primer-marketing-buttons/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,3 @@
|
|||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "./lib/button.scss";
|
24
node_modules/primer-marketing-buttons/lib/button.scss
generated
vendored
Normal file
24
node_modules/primer-marketing-buttons/lib/button.scss
generated
vendored
Normal file
|
@ -0,0 +1,24 @@
|
|||
.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 {
|
||||
color: $white;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: $border-width $border-style $white-fade-50;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
@include btn-transparent-active;
|
||||
}
|
||||
}
|
74
node_modules/primer-marketing-buttons/package.json
generated
vendored
Normal file
74
node_modules/primer-marketing-buttons/package.json
generated
vendored
Normal file
|
@ -0,0 +1,74 @@
|
|||
{
|
||||
"_from": "primer-marketing-buttons@1.0.13",
|
||||
"_id": "primer-marketing-buttons@1.0.13",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-1MzzrG/68zaEcQypG50uELwQ4MHH9b8aTy3jXxayZRc1qvZaLh5SEcSIHWe5lMIZk8qrtYhr22py9+kibyTKIQ==",
|
||||
"_location": "/primer-marketing-buttons",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "primer-marketing-buttons@1.0.13",
|
||||
"name": "primer-marketing-buttons",
|
||||
"escapedName": "primer-marketing-buttons",
|
||||
"rawSpec": "1.0.13",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.0.13"
|
||||
},
|
||||
"_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",
|
||||
"_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-support": "4.7.2"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Buttons for marketing websites at GitHub",
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primer.github.io/",
|
||||
"keywords": [
|
||||
"css",
|
||||
"github",
|
||||
"primer",
|
||||
"design-system",
|
||||
"style",
|
||||
"buttons"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-marketing-buttons",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "components"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer/tree/master/modules/primer-marketing-buttons"
|
||||
},
|
||||
"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 test-docs",
|
||||
"test-docs": "../../script/test-docs"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "1.0.13"
|
||||
}
|
21
node_modules/primer-marketing-support/LICENSE
generated
vendored
Normal file
21
node_modules/primer-marketing-support/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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.
|
64
node_modules/primer-marketing-support/README.md
generated
vendored
Normal file
64
node_modules/primer-marketing-support/README.md
generated
vendored
Normal file
|
@ -0,0 +1,64 @@
|
|||
# Primer Marketing Support
|
||||
|
||||
[![npm version](https://img.shields.io/npm/v/primer-marketing-support.svg)](https://www.npmjs.org/package/primer-marketing-support)
|
||||
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
||||
|
||||
> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
|
||||
>
|
||||
> Most of the time to include these you'll only need to add `@import "./primer-marketing-support";` to the top of your bundle. If you want only a specific partial you can import them separately.
|
||||
|
||||
This repository is a module of the full [primer][primer] repository.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `support` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save support
|
||||
```
|
||||
|
||||
## 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-marketing-support/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._
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Marketing support
|
||||
path: support/marketing-variables
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
### Extended spacing scale
|
||||
This module extends the `primer-core` spacing scale for marketing site needs. These are useful for achieving bigger vertical spacing between sections on marketing sites.
|
||||
|
||||
Starting where the `primer-core` spacing scale ends at spacer 6, the marketing scale first steps up with `8px` for spacer 7 then steps in increments of `16px` from spacer 8 up to 12.
|
||||
|
||||
| Scale | Value |
|
||||
|-------|-------|
|
||||
| 7 | 48 |
|
||||
| 8 | 64 |
|
||||
| 9 | 80 |
|
||||
| 10 | 96 |
|
||||
| 11 | 112 |
|
||||
| 12 | 128 |
|
||||
|
||||
See [primer-marketing-support](https://npm.im/primer-marketing-support) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](/css/utilities/marketing-margin) and [padding](/css/utilities/marketing-padding).
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
## License
|
||||
|
||||
MIT © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: https://github.com/primer/primer
|
||||
[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/
|
1
node_modules/primer-marketing-support/index.scss
generated
vendored
Normal file
1
node_modules/primer-marketing-support/index.scss
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
@import "./lib/variables.scss";
|
14
node_modules/primer-marketing-support/lib/variables.scss
generated
vendored
Normal file
14
node_modules/primer-marketing-support/lib/variables.scss
generated
vendored
Normal file
|
@ -0,0 +1,14 @@
|
|||
// Type
|
||||
$alt-body-font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
|
||||
$alt-mono-font: $mono-font;
|
||||
|
||||
// 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
|
||||
|
||||
$marketingSpacers: $spacer-7, $spacer-8, $spacer-9, $spacer-10, $spacer-11, $spacer-12;
|
74
node_modules/primer-marketing-support/package.json
generated
vendored
Normal file
74
node_modules/primer-marketing-support/package.json
generated
vendored
Normal file
|
@ -0,0 +1,74 @@
|
|||
{
|
||||
"_from": "primer-marketing-support@1.5.6",
|
||||
"_id": "primer-marketing-support@1.5.6",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-YU8ein52s/W+s4a4hHZZJbHURfz2FLI5ItrUxqaqJjcT0O2bALP/JbuCZDrbvWxuOSK4kbF22ANmmMGWFIzp/Q==",
|
||||
"_location": "/primer-marketing-support",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "primer-marketing-support@1.5.6",
|
||||
"name": "primer-marketing-support",
|
||||
"escapedName": "primer-marketing-support",
|
||||
"rawSpec": "1.5.6",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.5.6"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-marketing",
|
||||
"/primer-marketing-type",
|
||||
"/primer-marketing-utilities",
|
||||
"/primer-page-headers",
|
||||
"/primer-page-sections",
|
||||
"/primer-tables"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-marketing-support/-/primer-marketing-support-1.5.6.tgz",
|
||||
"_shasum": "db127e18a92b20f9591b334a5841d73f90e0ae6c",
|
||||
"_spec": "primer-marketing-support@1.5.6",
|
||||
"_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,
|
||||
"deprecated": false,
|
||||
"description": "Sass variables, mixins, and functions for use in our components.",
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib"
|
||||
],
|
||||
"homepage": "http://primer.github.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"design-system",
|
||||
"mixins",
|
||||
"functions",
|
||||
"variables",
|
||||
"scss"
|
||||
],
|
||||
"license": "MIT",
|
||||
"name": "primer-marketing-support",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "support"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer/tree/master/modules/primer-marketing-support"
|
||||
},
|
||||
"sass": "index.scss",
|
||||
"scripts": {
|
||||
"build": "../../script/npm-run primer-module-build index.scss",
|
||||
"lint": "../../script/lint-scss",
|
||||
"postpublish": "../../script/notify success",
|
||||
"prepublishOnly": "../../script/notify pending",
|
||||
"test": "npm run lint"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "1.5.6"
|
||||
}
|
21
node_modules/primer-marketing-type/LICENSE
generated
vendored
Normal file
21
node_modules/primer-marketing-type/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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.
|
92
node_modules/primer-marketing-type/README.md
generated
vendored
Normal file
92
node_modules/primer-marketing-type/README.md
generated
vendored
Normal file
|
@ -0,0 +1,92 @@
|
|||
# Primer Marketing CSS Typography
|
||||
|
||||
[![npm version](https://img.shields.io/npm/v/primer-marketing-type.svg)](https://www.npmjs.org/package/primer-marketing-type)
|
||||
[![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. Don’t show more than one at a time.
|
||||
|
||||
This repository is a module of the full [primer][primer] repository.
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Marketing Typography
|
||||
path: utilities/marketing-type
|
||||
status: New Release
|
||||
-->
|
||||
|
||||
The typography for our marketing pages differs slightly from what is in Primer's core--it is responsive, on a slightly different scale, and headlines are in a different font (Roboto).
|
||||
|
||||
|
||||
## Heading Utilities
|
||||
|
||||
Use `.alt-h1` – `.alt-h6` 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>
|
||||
|
||||
```
|
||||
|
||||
## Typographic Utilities
|
||||
|
||||
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="pullquote">I'm a pullquote. Someone said these words in real life, and now they're on the internet</p>
|
||||
|
||||
```
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-typography` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-marketing-typography
|
||||
```
|
||||
|
||||
## 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-marketing-typography/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 © [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/
|
1
node_modules/primer-marketing-type/build/build.css
generated
vendored
Normal file
1
node_modules/primer-marketing-type/build/build.css
generated
vendored
Normal file
|
@ -0,0 +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}}
|
1
node_modules/primer-marketing-type/build/data.json
generated
vendored
Normal file
1
node_modules/primer-marketing-type/build/data.json
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing-type/build/index.js
generated
vendored
Normal file
1
node_modules/primer-marketing-type/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
4
node_modules/primer-marketing-type/index.scss
generated
vendored
Normal file
4
node_modules/primer-marketing-type/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/typography.scss";
|
124
node_modules/primer-marketing-type/lib/typography.scss
generated
vendored
Normal file
124
node_modules/primer-marketing-type/lib/typography.scss
generated
vendored
Normal file
|
@ -0,0 +1,124 @@
|
|||
// 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;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
.alt-h5 {
|
||||
font-size: $h5-size;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
.alt-h6 {
|
||||
font-size: $h6-size;
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
// 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; }
|
||||
}
|
||||
|
||||
.alt-lead {
|
||||
@include alt-lead;
|
||||
}
|
||||
|
||||
// For small text
|
||||
|
||||
.alt-text-small {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
// Pullquote
|
||||
|
||||
@mixin pullquote {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: $spacer;
|
||||
margin-bottom: $spacer-4;
|
||||
font-family: $alt-mono-font;
|
||||
font-size: $h4-size;
|
||||
line-height: 1.4;
|
||||
color: $text-gray;
|
||||
border-left: 3px solid $border-color;
|
||||
|
||||
@include breakpoint(md) {
|
||||
padding-left: $spacer * 1.5;
|
||||
margin-bottom: $spacer-5;
|
||||
margin-left: (-$spacer * 1.5) - 3px;
|
||||
font-size: 18px;
|
||||
line-height: $lh-default;
|
||||
}
|
||||
}
|
||||
|
||||
.pullquote {
|
||||
@include pullquote;
|
||||
}
|
76
node_modules/primer-marketing-type/package.json
generated
vendored
Normal file
76
node_modules/primer-marketing-type/package.json
generated
vendored
Normal file
|
@ -0,0 +1,76 @@
|
|||
{
|
||||
"_from": "primer-marketing-type@1.4.13",
|
||||
"_id": "primer-marketing-type@1.4.13",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-ke6l3zgc4mF5ArDzZB1TJ5VHbZG2/uwekVROLQOK4v7XI0MkYZWA9tI+k8UhaFLSsw0vGqxM2ibKUzsQH61C8g==",
|
||||
"_location": "/primer-marketing-type",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "primer-marketing-type@1.4.13",
|
||||
"name": "primer-marketing-type",
|
||||
"escapedName": "primer-marketing-type",
|
||||
"rawSpec": "1.4.13",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.4.13"
|
||||
},
|
||||
"_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",
|
||||
"_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": "Typography for marketing websites at GitHub",
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primer.github.io/",
|
||||
"keywords": [
|
||||
"css",
|
||||
"github",
|
||||
"primer",
|
||||
"design-system",
|
||||
"style",
|
||||
"type",
|
||||
"typography"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-marketing-type",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "utilities"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer/tree/master/modules/primer-marketing-type"
|
||||
},
|
||||
"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 test-docs",
|
||||
"test-docs": "../../script/test-docs"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "1.4.13"
|
||||
}
|
21
node_modules/primer-marketing-utilities/LICENSE
generated
vendored
Normal file
21
node_modules/primer-marketing-utilities/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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.
|
47
node_modules/primer-marketing-utilities/README.md
generated
vendored
Normal file
47
node_modules/primer-marketing-utilities/README.md
generated
vendored
Normal file
|
@ -0,0 +1,47 @@
|
|||
# Primer Marketing CSS Utilities
|
||||
|
||||
[![npm version](https://img.shields.io/npm/v/primer-marketing-utilities.svg)](https://www.npmjs.org/package/primer-marketing-utilities)
|
||||
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
||||
|
||||
This repository is a module of the full [primer-marketing-css][primer-marketing-css] repository.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-marketing-utilities` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-marketing-utilities
|
||||
```
|
||||
|
||||
## 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-marketing-utilities/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` The built css file is also included in the npm package.
|
||||
|
||||
```
|
||||
$ npm run build
|
||||
```
|
||||
|
||||
## Documentation
|
||||
|
||||
You can read more about utilities in the [docs folder](./docs/).
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: https://github.com/primer/primer
|
||||
[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/
|
||||
[primer-marketing-css]: https://github.com/primer/primer-marketing
|
1
node_modules/primer-marketing-utilities/build/build.css
generated
vendored
Normal file
1
node_modules/primer-marketing-utilities/build/build.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing-utilities/build/data.json
generated
vendored
Normal file
1
node_modules/primer-marketing-utilities/build/data.json
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing-utilities/build/index.js
generated
vendored
Normal file
1
node_modules/primer-marketing-utilities/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
29
node_modules/primer-marketing-utilities/docs/borders.md
generated
vendored
Normal file
29
node_modules/primer-marketing-utilities/docs/borders.md
generated
vendored
Normal file
|
@ -0,0 +1,29 @@
|
|||
---
|
||||
title: Marketing Borders
|
||||
sort_title: Borders Marketing
|
||||
path: utilities/marketing-borders
|
||||
status: Stable
|
||||
---
|
||||
|
||||
The following border utilities are meant to used in addition to those within primer-core.
|
||||
|
||||
{:toc}
|
||||
|
||||
## Border Colors
|
||||
|
||||
### White border with alpha transparency
|
||||
|
||||
Use `.border-white-fade` to add a white border with an alpha transparency of 0.15. This is useful when you want a border that is a lighter shade of the background color. Additional border colors are available in [primer-core border utilities](/css/utilities/borders#border-colors).
|
||||
|
||||
```html
|
||||
<div class="bg-gray-dark text-white p-3 mb-2">
|
||||
<span class="border border-white-fade p-2">
|
||||
.border-white-fade .bg-gray-dark
|
||||
</span>
|
||||
</div>
|
||||
<div class="bg-blue text-white p-3">
|
||||
<span class="border border-white-fade p-2">
|
||||
.border-white-fade .bg-blue
|
||||
</span>
|
||||
</div>
|
||||
```
|
20
node_modules/primer-marketing-utilities/docs/filters.md
generated
vendored
Normal file
20
node_modules/primer-marketing-utilities/docs/filters.md
generated
vendored
Normal file
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
title: Marketing Filters
|
||||
path: utilities/marketing-filters
|
||||
status: Stable
|
||||
status_issue: https://github.com/github/design-systems/issues/302
|
||||
---
|
||||
|
||||
Filter utility classes can be applied to divs or images to apply visual effects.
|
||||
|
||||
<div class="flash flash-warn">
|
||||
Note: CSS filters are <a href="http://caniuse.com/#feat=css-filters">not supported by IE</a>
|
||||
</div>
|
||||
|
||||
## Grayscale
|
||||
|
||||
Applying `.grayscale` to an element will remove all of its colors, and make it render in black and white.
|
||||
|
||||
```html
|
||||
<img src="https://github.com/probot.png" class="img-responsive grayscale" alt="">
|
||||
```
|
35
node_modules/primer-marketing-utilities/docs/layout.md
generated
vendored
Normal file
35
node_modules/primer-marketing-utilities/docs/layout.md
generated
vendored
Normal file
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
title: Marketing Layout
|
||||
sort_title: Layout Marketing
|
||||
path: utilities/marketing-layout
|
||||
status: Stable
|
||||
---
|
||||
|
||||
Marketing layout utilities build on top of [primer-core utilities](/css/utilities/layout#position), adding the option of responsive positioning.
|
||||
|
||||
{:toc}
|
||||
|
||||
## Responsive position
|
||||
|
||||
Use responsive position utilities to adjust the position of an element at different 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>
|
||||
```
|
38
node_modules/primer-marketing-utilities/docs/margin.md
generated
vendored
Normal file
38
node_modules/primer-marketing-utilities/docs/margin.md
generated
vendored
Normal file
|
@ -0,0 +1,38 @@
|
|||
---
|
||||
title: Marketing Margin
|
||||
sort_title: Margin Marketing
|
||||
path: utilities/marketing-margin
|
||||
status: Stable
|
||||
status_issue: https://github.com/github/design-systems/issues/378
|
||||
---
|
||||
|
||||
Marketing margin utilities extend [core margin utilities](/css/support/spacing) 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.
|
||||
|
||||
|
||||
## Y-axis margin utilities
|
||||
|
||||
Use marketing margin utilities to apply margin to top, bottom, or both y-axis of an element. These utilities can change or override default margins, 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 mt-7">.mt-7</div>
|
||||
</div>
|
||||
<div class="margin-orange d-inline-block">
|
||||
<div class="d-inline-block block-blue mb-7">.mb-7</div>
|
||||
</div>
|
||||
<div class="margin-orange d-inline-block">
|
||||
<div class="d-inline-block block-blue my-7">.my-7</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Responsive y-axis margin utilities
|
||||
|
||||
All marketing margin utilities can be adjusted per [breakpoint](/css/objects/grid#breakpoints) using the following formula: `m[y-direction]-[breakpoint]-[spacer]`. Each responsive style is applied to the specified breakpoint and up.
|
||||
|
||||
```html
|
||||
<div class="d-inline-block margin-orange">
|
||||
<div class="my-sm-7 mb-lg-9 d-inline-block block-blue">
|
||||
.my-sm-7 .mb-lg-9
|
||||
</div>
|
||||
</div>
|
||||
```
|
37
node_modules/primer-marketing-utilities/docs/padding.md
generated
vendored
Normal file
37
node_modules/primer-marketing-utilities/docs/padding.md
generated
vendored
Normal file
|
@ -0,0 +1,37 @@
|
|||
---
|
||||
title: Marketing Padding
|
||||
sort_title: Padding Marketing
|
||||
path: utilities/marketing-padding
|
||||
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.
|
||||
|
||||
## Y-axis 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.
|
||||
|
||||
```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 pb-7">.pb-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
|
||||
|
||||
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.
|
||||
|
||||
```html
|
||||
<div class="d-inline-block margin-orange">
|
||||
<div class="py-sm-7 pb-lg-9 d-inline-block block-blue">
|
||||
.py-sm-7 .pb-lg-9
|
||||
</div>
|
||||
</div>
|
||||
```
|
8
node_modules/primer-marketing-utilities/index.scss
generated
vendored
Normal file
8
node_modules/primer-marketing-utilities/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,8 @@
|
|||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
// utilities
|
||||
@import "./lib/filters.scss";
|
||||
@import "./lib/borders.scss";
|
||||
@import "./lib/layout.scss";
|
||||
@import "./lib/margin.scss";
|
||||
@import "./lib/padding.scss";
|
9
node_modules/primer-marketing-utilities/lib/borders.scss
generated
vendored
Normal file
9
node_modules/primer-marketing-utilities/lib/borders.scss
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
|||
// Border utilities
|
||||
|
||||
// XXX If you're looking for responsive border utilities, they've moved to
|
||||
// ../../primer-utilities/lib/borders.scss
|
||||
|
||||
/* Use with .border to turn the border rgba white 0.15 */
|
||||
.border-white-fade {
|
||||
border-color: $white-fade-15 !important;
|
||||
}
|
4
node_modules/primer-marketing-utilities/lib/filters.scss
generated
vendored
Normal file
4
node_modules/primer-marketing-utilities/lib/filters.scss
generated
vendored
Normal file
|
@ -0,0 +1,4 @@
|
|||
// stylelint-disable no-unsupported-browser-features
|
||||
.grayscale {
|
||||
filter: grayscale(100%);
|
||||
}
|
17
node_modules/primer-marketing-utilities/lib/layout.scss
generated
vendored
Normal file
17
node_modules/primer-marketing-utilities/lib/layout.scss
generated
vendored
Normal file
|
@ -0,0 +1,17 @@
|
|||
// 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) {
|
||||
@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; }
|
||||
}
|
||||
}
|
41
node_modules/primer-marketing-utilities/lib/margin.scss
generated
vendored
Normal file
41
node_modules/primer-marketing-utilities/lib/margin.scss
generated
vendored
Normal file
|
@ -0,0 +1,41 @@
|
|||
// 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; }
|
||||
|
||||
/* Set a #{$size} margin on the top & bottom */
|
||||
.my-#{$scale} {
|
||||
margin-top : #{$size} !important;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
43
node_modules/primer-marketing-utilities/lib/padding.scss
generated
vendored
Normal file
43
node_modules/primer-marketing-utilities/lib/padding.scss
generated
vendored
Normal file
|
@ -0,0 +1,43 @@
|
|||
// 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; }
|
||||
|
||||
/* Set a #{$size} padding to the top & bottom */
|
||||
.py-#{$scale} {
|
||||
padding-top: #{$size} !important;
|
||||
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} {
|
||||
padding-top: #{$size} !important;
|
||||
padding-bottom: #{$size} !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
77
node_modules/primer-marketing-utilities/package.json
generated
vendored
Normal file
77
node_modules/primer-marketing-utilities/package.json
generated
vendored
Normal file
|
@ -0,0 +1,77 @@
|
|||
{
|
||||
"_from": "primer-marketing-utilities@1.7.3",
|
||||
"_id": "primer-marketing-utilities@1.7.3",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-YYDPgyC0G65tPHwZ6ktxfEAqUkJlU2sZjzdcH7thlcg83/UqiZfgmgiiBAxdMjrACY7Q2X9HaHicr5F4rmPhPw==",
|
||||
"_location": "/primer-marketing-utilities",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "primer-marketing-utilities@1.7.3",
|
||||
"name": "primer-marketing-utilities",
|
||||
"escapedName": "primer-marketing-utilities",
|
||||
"rawSpec": "1.7.3",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "1.7.3"
|
||||
},
|
||||
"_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",
|
||||
"_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": "Marketing specific immutable, atomic CSS classes",
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build",
|
||||
"docs"
|
||||
],
|
||||
"homepage": "http://primer.github.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"design-system"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-marketing-utilities",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "utilities",
|
||||
"class_whitelist": [
|
||||
"border-??-*",
|
||||
"position-??-*"
|
||||
]
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer/tree/master/modules/primer-marketing-utilities"
|
||||
},
|
||||
"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.7.3"
|
||||
}
|
21
node_modules/primer-marketing/LICENSE
generated
vendored
Executable file
21
node_modules/primer-marketing/LICENSE
generated
vendored
Executable file
|
@ -0,0 +1,21 @@
|
|||
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.
|
48
node_modules/primer-marketing/README.md
generated
vendored
Executable file
48
node_modules/primer-marketing/README.md
generated
vendored
Executable file
|
@ -0,0 +1,48 @@
|
|||
# Primer marketing
|
||||
|
||||
[![npm version](https://img.shields.io/npm/v/primer-marketing.svg)](https://www.npmjs.org/package/primer-marketing)
|
||||
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
||||
|
||||
> Primer marketing is one of 3 meta-packages that belong to the Primer framework. Primer marketing contains packages that are used on GitHub marketing websites.
|
||||
|
||||
This repository is a compilation of [several CSS packages](https://github.com/primer/primer). You can break it down into smaller sections using npm.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
|
||||
|
||||
```
|
||||
$ npm install --save primer-marketing
|
||||
```
|
||||
|
||||
## 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-marketing/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` The built CSS file is also included in the npm package.
|
||||
|
||||
```
|
||||
$ npm run build
|
||||
```
|
||||
|
||||
## Documentation
|
||||
|
||||
You can read more about primer in the [docs][docs].
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: https://github.com/primer/primer
|
||||
[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/
|
6
node_modules/primer-marketing/build/build.css
generated
vendored
Normal file
6
node_modules/primer-marketing/build/build.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing/build/data.json
generated
vendored
Normal file
1
node_modules/primer-marketing/build/data.json
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-marketing/build/index.js
generated
vendored
Normal file
1
node_modules/primer-marketing/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
23
node_modules/primer-marketing/index.scss
generated
vendored
Executable file
23
node_modules/primer-marketing/index.scss
generated
vendored
Executable file
|
@ -0,0 +1,23 @@
|
|||
/*!
|
||||
* Primer-marketing
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2019 GitHub Inc.
|
||||
*/
|
||||
|
||||
// Primer master file
|
||||
//
|
||||
// Imports all Primer files in their intended order for easy mass-inclusion.
|
||||
// Should you need specific files, you can easily use separate `@import`s.
|
||||
|
||||
// Global requirements
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
|
||||
// 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";
|
72
node_modules/primer-marketing/package.json
generated
vendored
Normal file
72
node_modules/primer-marketing/package.json
generated
vendored
Normal file
|
@ -0,0 +1,72 @@
|
|||
{
|
||||
"_from": "primer-marketing",
|
||||
"_id": "primer-marketing@6.3.3",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-vmR/YkOlFnQVQSxluXe5lbkH+B7Z2tirgCDGVp+SD9Zs+FJ6YRELmw6cjm0okVkH9205qcMvy9INOunkhKrktw==",
|
||||
"_location": "/primer-marketing",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "tag",
|
||||
"registry": true,
|
||||
"raw": "primer-marketing",
|
||||
"name": "primer-marketing",
|
||||
"escapedName": "primer-marketing",
|
||||
"rawSpec": "",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "latest"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"#USER",
|
||||
"/"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-marketing/-/primer-marketing-6.3.3.tgz",
|
||||
"_shasum": "8091d51aec5e65e60309958c08fd5030c6fe4879",
|
||||
"_spec": "primer-marketing",
|
||||
"_where": "/Users/sophieshepherd/Desktop/projects/profile-generator",
|
||||
"author": {
|
||||
"name": "GitHub, Inc."
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/primer/primer/issues"
|
||||
},
|
||||
"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"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Primer marketing packages",
|
||||
"files": [
|
||||
"index.scss",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primer.github.io/",
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-marketing",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "meta"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer/tree/master/modules/primer-marketing"
|
||||
},
|
||||
"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": "npm run build"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "6.3.3"
|
||||
}
|
21
node_modules/primer-page-headers/LICENSE
generated
vendored
Normal file
21
node_modules/primer-page-headers/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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.
|
58
node_modules/primer-page-headers/README.md
generated
vendored
Normal file
58
node_modules/primer-page-headers/README.md
generated
vendored
Normal file
|
@ -0,0 +1,58 @@
|
|||
# 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 © [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/
|
1
node_modules/primer-page-headers/build/build.css
generated
vendored
Normal file
1
node_modules/primer-page-headers/build/build.css
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
.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)}
|
1
node_modules/primer-page-headers/build/data.json
generated
vendored
Normal file
1
node_modules/primer-page-headers/build/data.json
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
{"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"]}}}]}}}
|
1
node_modules/primer-page-headers/build/index.js
generated
vendored
Normal file
1
node_modules/primer-page-headers/build/index.js
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
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"]}}}]}}}
|
6
node_modules/primer-page-headers/index.scss
generated
vendored
Normal file
6
node_modules/primer-page-headers/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
@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";
|
68
node_modules/primer-page-headers/lib/headers.scss
generated
vendored
Normal file
68
node_modules/primer-page-headers/lib/headers.scss
generated
vendored
Normal file
|
@ -0,0 +1,68 @@
|
|||
.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);
|
||||
}
|
||||
}
|
76
node_modules/primer-page-headers/package.json
generated
vendored
Normal file
76
node_modules/primer-page-headers/package.json
generated
vendored
Normal file
|
@ -0,0 +1,76 @@
|
|||
{
|
||||
"_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"
|
||||
}
|
21
node_modules/primer-page-sections/LICENSE
generated
vendored
Normal file
21
node_modules/primer-page-sections/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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-page-sections/README.md
generated
vendored
Normal file
57
node_modules/primer-page-sections/README.md
generated
vendored
Normal file
|
@ -0,0 +1,57 @@
|
|||
# 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. Don’t 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 © [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/
|
1
node_modules/primer-page-sections/build/build.css
generated
vendored
Normal file
1
node_modules/primer-page-sections/build/build.css
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
.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}}
|
1
node_modules/primer-page-sections/build/data.json
generated
vendored
Normal file
1
node_modules/primer-page-sections/build/data.json
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
{"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"]}}}]}}}
|
1
node_modules/primer-page-sections/build/index.js
generated
vendored
Normal file
1
node_modules/primer-page-sections/build/index.js
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
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"]}}}]}}}
|
6
node_modules/primer-page-sections/index.scss
generated
vendored
Normal file
6
node_modules/primer-page-sections/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
@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";
|
18
node_modules/primer-page-sections/lib/page-section.scss
generated
vendored
Normal file
18
node_modules/primer-page-sections/lib/page-section.scss
generated
vendored
Normal file
|
@ -0,0 +1,18 @@
|
|||
// 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;
|
||||
}
|
||||
}
|
75
node_modules/primer-page-sections/package.json
generated
vendored
Normal file
75
node_modules/primer-page-sections/package.json
generated
vendored
Normal file
|
@ -0,0 +1,75 @@
|
|||
{
|
||||
"_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"
|
||||
}
|
21
node_modules/primer-tables/LICENSE
generated
vendored
Normal file
21
node_modules/primer-tables/LICENSE
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
|||
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
Normal file
57
node_modules/primer-tables/README.md
generated
vendored
Normal file
|
@ -0,0 +1,57 @@
|
|||
# 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 © [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/
|
1
node_modules/primer-tables/build/build.css
generated
vendored
Normal file
1
node_modules/primer-tables/build/build.css
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
.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}
|
1
node_modules/primer-tables/build/data.json
generated
vendored
Normal file
1
node_modules/primer-tables/build/data.json
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
{"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":[]}}}
|
1
node_modules/primer-tables/build/index.js
generated
vendored
Normal file
1
node_modules/primer-tables/build/index.js
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
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":[]}}}
|
6
node_modules/primer-tables/index.scss
generated
vendored
Normal file
6
node_modules/primer-tables/index.scss
generated
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
@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";
|
39
node_modules/primer-tables/lib/tables.scss
generated
vendored
Normal file
39
node_modules/primer-tables/lib/tables.scss
generated
vendored
Normal file
|
@ -0,0 +1,39 @@
|
|||
// 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
74
node_modules/primer-tables/package.json
generated
vendored
Normal file
74
node_modules/primer-tables/package.json
generated
vendored
Normal file
|
@ -0,0 +1,74 @@
|
|||
{
|
||||
"_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"
|
||||
}
|
73
package-lock.json
generated
73
package-lock.json
generated
|
@ -72,6 +72,52 @@
|
|||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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==",
|
||||
"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": {
|
||||
"version": "1.0.13",
|
||||
"resolved": "https://registry.npmjs.org/primer-marketing-buttons/-/primer-marketing-buttons-1.0.13.tgz",
|
||||
"integrity": "sha512-1MzzrG/68zaEcQypG50uELwQ4MHH9b8aTy3jXxayZRc1qvZaLh5SEcSIHWe5lMIZk8qrtYhr22py9+kibyTKIQ==",
|
||||
"requires": {
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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=="
|
||||
},
|
||||
"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==",
|
||||
"requires": {
|
||||
"primer-marketing-support": "1.5.6",
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"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==",
|
||||
"requires": {
|
||||
"primer-marketing-support": "1.5.6",
|
||||
"primer-support": "4.7.2"
|
||||
}
|
||||
},
|
||||
"primer-navigation": {
|
||||
"version": "1.5.11",
|
||||
"resolved": "https://registry.npmjs.org/primer-navigation/-/primer-navigation-1.5.11.tgz",
|
||||
|
@ -80,6 +126,24 @@
|
|||
"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-pagination": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.7.tgz",
|
||||
|
@ -101,6 +165,15 @@
|
|||
"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-tooltips": {
|
||||
"version": "1.5.11",
|
||||
"resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.5.11.tgz",
|
||||
|
|
|
@ -17,6 +17,7 @@
|
|||
},
|
||||
"homepage": "https://github.com/github/profile-generator#readme",
|
||||
"dependencies": {
|
||||
"primer-core": "^6.10.9"
|
||||
"primer-core": "^6.10.9",
|
||||
"primer-marketing": "^6.3.3"
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue