@articles-media/articles-dev-box 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/articles-dev-box.css +1 -0
- package/dist/articles-dev-box.js +3341 -0
- package/dist/articles-dev-box.umd.cjs +11 -0
- package/package.json +22 -7
- package/index.js +0 -16
- package/src/Button.js +0 -61
- package/src/GameScoreboard.jsx +0 -234
- package/src/ReturnToLauncherButton.jsx +0 -53
- package/src/components/Ad.jsx +0 -629
- package/src/components/ArticlesAd.jsx +0 -76
- package/src/hooks/Ads/useAd.js +0 -55
- package/src/hooks/Ads/useAds.js +0 -54
- package/src/hooks/useGameScoreboard.js +0 -59
- package/styles/components/Ad.scss +0 -223
- package/styles/components/GameScoreboard.scss +0 -37
- package/styles/global.scss +0 -98
- package/styles/variables.scss +0 -3
package/README.md
CHANGED
|
@@ -4,22 +4,22 @@ Shared code, functions, and components that are commonly used across Articles Me
|
|
|
4
4
|
|
|
5
5
|
## Getting Started
|
|
6
6
|
|
|
7
|
-
For
|
|
7
|
+
For production use add the organization scooped package to your package.json.
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
npm
|
|
10
|
+
npm i @articles-media/articles-dev-box
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
For local development, navigate to this project and run this command.
|
|
14
14
|
|
|
15
15
|
```bash
|
|
16
|
-
npm link
|
|
16
|
+
npm link
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
Then go to the consuming project directory and run this command.
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
|
-
npm
|
|
22
|
+
npm link @articles-media/articles-dev-box
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
## Package Exports
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ad-wrap{z-index:1;margin:0 auto;margin-bottom:1rem;max-width:312px;width:100%}.ad-wrap .ad{position:relative;align-self:flex-start;width:100%;z-index:2;font-family:brandon-grotesque,sans-serif;box-shadow:0 0 0 1px #00000040,0 2px 3px #0003;font-size:14px}@media(max-width:768px){.ad-wrap .ad{font-size:16px;width:100%}}.ad-wrap .ad .main-panel{background-color:var(--articles-ad-background-color, var(--card-background));color:var(--articles-ad-font-color, var(--bs-body-color));height:400px;display:flex;flex-direction:column}.ad-wrap .ad .main-panel .ad-warning{padding:.1rem .75rem;font-family:brandon-grotesque,sans-serif;font-weight:900;font-size:1rem;border-bottom:1px solid var(--articles-ad-border-color, var(--card-background))}.ad-wrap .ad .main-panel .content-wrap{display:flex;flex-direction:column;align-items:center}@media(min-width:992px){.ad-wrap .ad .main-panel .content-wrap{flex-direction:column}}.ad-wrap .ad .main-panel .photo-banner{position:relative;height:100px;width:100px;flex-shrink:0;display:flex;align-items:center;padding-left:1rem;margin-left:.75rem;margin-left:0rem;height:125px;width:100%}.ad-wrap .ad .main-panel .photo-banner .logo{object-fit:cover;z-index:1}.ad-wrap .ad .main-panel .photo-banner .logo img{width:75px;height:75px;object-fit:contain}.ad-wrap .ad .main-panel .photo-banner .icon{display:none;position:absolute;bottom:-62.5px;left:20px;height:125px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem}.ad-wrap .ad .main-panel .photo-banner .photo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.ad-wrap .ad .main-panel .details-wrap{width:100%}.ad-wrap .ad .main-panel .details,.ad-wrap .ad .main-panel .detail-title{padding:.75rem .75rem 0rem;display:grid;grid-gap:5px 5px;grid-template-columns:repeat(2,1fr)}.ad-wrap .ad .main-panel .details .detail .icon,.ad-wrap .ad .main-panel .detail-title .detail .icon{display:inline-block;width:1.5rem}.ad-wrap .ad .main-panel .details .detail .icon i,.ad-wrap .ad .main-panel .detail-title .detail .icon i{justify-content:flex-start;display:flex}.ad-wrap .ad .main-panel .short-description{padding:.25rem .75rem 0rem;min-height:50px;overflow-y:auto;max-height:125px}.ad-wrap .ad .main-panel .detail-title{display:flex;justify-content:space-between;align-items:center}.ad-wrap .ad .main-panel .action-wrap{border-top:1px solid var(--articles-ad-border-color, var(--card-background))}.ad-wrap .ad .main-panel .action-wrap .action{padding:.25rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--articles-ad-border-color, var(--card-background));color:var(--articles-ad-font-color, var(--bs-body-color));border-radius:10px;margin-left:auto;margin-right:auto;cursor:pointer;transition-duration:.2s}.ad-wrap .ad .main-panel .action-wrap .action:hover{background-color:#fff;color:#000}.ad-wrap .ad .main-panel .action-wrap .action:active{background-color:gray}.ad-wrap .advertise-with-us{background-color:var(--articles-ad-background-color, var(--card-background));border-top:2px solid var(--articles-ad-border-color, var(--card-background))}.ad-wrap .advertise-with-us a{color:var(--articles-ad-font-color, var(--bs-body-color))!important}:root{--articles-theme-primary: #f9edcd}.shadow-articles{box-shadow:0 0 0 1px #0000004d,0 2px 3px #0003;box-shadow:0 0 0 1px #00000040,0 2px 3px #0003}.text-center{text-align:center}.d-flex{display:flex}.flex-header{display:flex;justify-content:space-between;align-items:center}.scoreboard{margin-top:1rem;max-width:300px;width:100%;margin-bottom:1rem}@media(min-width:992px){.scoreboard{margin-top:0rem;margin-bottom:0rem;display:block;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}}.articles-game-scoreboard{border:1px solid rgb(206,212,218);border-radius:8px;box-shadow:#00000012 0 2px 8px;color:#222;width:100%;max-width:350px;margin:0px 1rem;overflow:hidden;display:flex;flex-direction:column;z-index:1;position:fixed;bottom:50%;transform:translateY(50%);left:8px}
|