mirror of
https://github.com/primer/css.git
synced 2025-01-06 05:33:07 +03:00
rm all primer-page-headers code
This commit is contained in:
Sophie Shepherd
Shawn Allen
parent
01a44bfbd7
commit
3e86f3d5a6
@ -17,6 +17,5 @@
|
||||
// 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-marketing-utilities/index.scss";
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
*.yml
|
||||
.github
|
||||
@ -1,21 +0,0 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2019 GitHub Inc.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@ -1,58 +0,0 @@
|
||||
# Primer Marketing CSS Page Headers
|
||||
|
||||
[](https://www.npmjs.org/package/primer-page-headers)
|
||||
[](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,6 +0,0 @@
|
||||
@warn "The entire primer-page-headers package will be removed in primer v11.0.0.";
|
||||
|
||||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/headers.scss";
|
||||
@ -1,68 +0,0 @@
|
||||
.jumbotron {
|
||||
position: relative;
|
||||
padding-top: $spacer-6;
|
||||
padding-bottom: $spacer-6;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding-top: $spacer-6 * 1.5;
|
||||
padding-bottom: $spacer-6 * 1.5;
|
||||
}
|
||||
|
||||
@include breakpoint(xl) {
|
||||
padding-top: $spacer-6 * 3;
|
||||
padding-bottom: $spacer-6 * 3;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-supertron {
|
||||
@include breakpoint(lg) {
|
||||
height: 45vw;
|
||||
min-height: 590px;
|
||||
max-height: 55vh;
|
||||
padding-top: $spacer-6 + $spacer-6;
|
||||
padding-bottom: $spacer-6 + $spacer-6;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-minitron {
|
||||
padding-top: $spacer-4;
|
||||
padding-bottom: $spacer-4;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
padding-top: $spacer-5;
|
||||
padding-bottom: $spacer-5;
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-shadow {
|
||||
// Shadow
|
||||
&::after {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
content: " ";
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
|
||||
background-repeat: repeat-x;
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron-photo {
|
||||
position: relative;
|
||||
background-color: $gray-dark;
|
||||
background-size: cover;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
}
|
||||
@ -1,46 +0,0 @@
|
||||
{
|
||||
"version": "1.5.3",
|
||||
"name": "primer-page-headers",
|
||||
"description": "Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.",
|
||||
"homepage": "http://primer.github.io/",
|
||||
"author": "GitHub, Inc.",
|
||||
"license": "MIT",
|
||||
"style": "build/build.css",
|
||||
"sass": "index.scss",
|
||||
"main": "build/index.js",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"module_type": "components"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"repository": "https://github.com/primer/primer/tree/master/modules/primer-page-headers",
|
||||
"bugs": {
|
||||
"url": "https://github.com/primer/primer/issues"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "../../script/npm-run primer-module-build index.scss",
|
||||
"prepare": "npm run build",
|
||||
"lint": "../../script/lint-scss",
|
||||
"test": "../../script/npm-run-all build lint",
|
||||
"prepublishOnly": "../../script/notify pending",
|
||||
"postpublish": "../../script/notify success"
|
||||
},
|
||||
"dependencies": {
|
||||
"primer-marketing-support": "1.5.6",
|
||||
"primer-support": "4.7.2"
|
||||
},
|
||||
"keywords": [
|
||||
"css",
|
||||
"flash",
|
||||
"github",
|
||||
"hero",
|
||||
"jumbotron",
|
||||
"primer",
|
||||
"design-system",
|
||||
"style"
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user