Compare commits
10 Commits
Author | SHA1 | Date |
---|---|---|
spongycake | 9b5555fc5c | |
spongycake | 6ac760279e | |
spongycake | 38ae94fb47 | |
spongycake | 253292977b | |
spongycake | b0cc522a55 | |
spongycake | 02b09a9777 | |
spongycake | ff32fa2069 | |
spongycake | 3b314bdf9f | |
spongycake | 3aa00471fe | |
spongycake | 5be463ca47 |
File diff suppressed because it is too large
Load Diff
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "libregaming-design-system",
|
"name": "libregaming-design-system",
|
||||||
"version": "0.1.3",
|
"version": "0.1.4",
|
||||||
"description": "Giving tools to build LibreGaming services more easily",
|
"description": "Giving tools to build LibreGaming services more easily",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -1 +1,209 @@
|
||||||
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="style.min.css" rel="stylesheet"/><script defer="defer" src="scripts.js"></script><script defer="defer" src="styles.js"></script><link href="style.min.css" rel="stylesheet"></head><body><div class="header"><a class="toggle header__menu-toggle bi bi-list"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg> </a><a href="/" class="brand"><h1><img height="32" class="brand-img" src="assets/lg-logo.png"/> Libre<span class="second">Gaming</span></h1></a><div class="lang-select">EN</div></div><aside><nav class="nav-collapse" role="navigation"><div class="side-nav__content"><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Projects</a></li><li><a href="#">Contact</a></li></ul></div></nav></aside><main role="main"><div class="container"><section class="hero" style="margin:30px 0;"><h1 class="message">The Quick Brown Fox</h1><p class="lead">The quick brown fox jumps over the lazy dog</p></section></div><div class="container"><h2 class="lg-title"><span>GAMING</span></h2><h1>h1. heading</h1><h2>h2. heading</h2><h3>h3. heading</h3><h4>h4. heading</h4><h5>h5. heading</h5><h6>h6. heading</h6><img class="img-fluid" src="assets/boxes.png"/><h2 class="lg-title">NEWS</h2><div class="posts"><p>Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the <a href="/news/feed">RSS feed</a> you can filter those out if you don't want them!</p><ul><li><a href="#"><span class="left"><span class="date">10/Dec</span> <span class="year">2016</span> </span><span class="right"><span class="title">🌟 When everything's important, nothing is! 🌟</span> <span class="tags">#performance, #loading </span></span><span class="clear"></span></a></li><li><a href="#"><span class="left"><span class="date">30/Aug</span> <span class="year">2016</span> </span><span class="right"><span class="title">There's a new streamer in town!</span> <span class="tags">#streaming, #gaming, #entertainment </span></span><span class="clear"></span></a></li><li><a href="#"><span class="left"><span class="date">15/Feb</span> <span class="year">2016</span> </span><span class="right"><span class="title">Ranking each survival horror game</span> <span class="tags">#horror </span></span><span class="clear"></span></a></li><li><a href="#"><span class="left"><span class="date">25/Jan</span> <span class="year">2016</span> </span><span class="right"><span class="title">The Hack is Back!</span> <span class="tags">#images, #code </span></span><span class="clear"></span></a></li><li><a href="#"><span class="left"><span class="date">16/Nov</span> <span class="year">2015</span> </span><span class="right"><span class="title">Easist modding protocols,</span> <span class="tags">#frameworks, #modding </span></span><span class="clear"></span></a></li></ul></div></div><section id="description"><div class="tile"><div class="content"><h3 class="text-lightblue">Desciption</h3><p>Currently, our main channels of communication are instant messaging rooms hosted on the Matrix network. They are also accessible via Jabber/XMPP and IRC protocols, so that contributors can use their favorite client to join us.</p></div></div><div class="tile"><div class="content"><h3 class="text-lightblue">Members</h3><img src="assets/member-panel-example.png"/></div></div></section></main><footer id="footer"><nav><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Sitemap</a></li><li><a href="#">Contact</a></li></ul></nav></footer><script src="main.js"></script></body></html>
|
<!DOCTYPE text/html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link href="style.css" rel="stylesheet" />
|
||||||
|
<script defer src="scripts.js"></script><script defer src="styles.js"></script><link href="style.css" rel="stylesheet"></head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<a class="toggle header__menu-toggle bi bi-list"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" class="bi bi-list" viewBox="0 0 16 16">
|
||||||
|
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
</a>
|
||||||
|
<a href="/" class="brand">
|
||||||
|
<h1>
|
||||||
|
<img height="32" class="brand-img" src="assets/lg-logo.png" />
|
||||||
|
Libre<span class="second">Gaming</span>
|
||||||
|
</h1>
|
||||||
|
</a>
|
||||||
|
<div class="lang-select">EN</div>
|
||||||
|
</div>
|
||||||
|
<aside>
|
||||||
|
<nav class="nav-collapse" role="navigation">
|
||||||
|
<div class="side-nav__content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Home</a></li>
|
||||||
|
<li><a href="#">About</a></li>
|
||||||
|
<li><a href="#">Projects</a></li>
|
||||||
|
<li><a href="#">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</aside>
|
||||||
|
<main role="main">
|
||||||
|
<div class="container">
|
||||||
|
<section class="hero" style="margin:30px 0;">
|
||||||
|
<h1 class="message">The Quick Brown Fox</h1>
|
||||||
|
<p class="lead">The quick brown fox jumps over the lazy dog</p>
|
||||||
|
</section>
|
||||||
|
</div> <!-- end container -->
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="grid-large two-thirds">
|
||||||
|
<p>The quick brown fox jumps over the lazy dog</p>
|
||||||
|
</div>
|
||||||
|
<div class="grid-large one-third">Jeb</div>
|
||||||
|
</div>
|
||||||
|
<h2 class="lg-title"><span>GAMING</span></h2>
|
||||||
|
<h1>h1. heading</h1>
|
||||||
|
<h2>h2. heading</h2>
|
||||||
|
<h3>h3. heading</h3>
|
||||||
|
<h4>h4. heading</h4>
|
||||||
|
<h5>h5. heading</h5>
|
||||||
|
<h6>h6. heading</h6>
|
||||||
|
<img class="img-fluid" src="assets/boxes.png" />
|
||||||
|
<h2 class="lg-title">NEWS</h2>
|
||||||
|
<div class="posts">
|
||||||
|
<p class="body-font">Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the <a href="/news/feed">RSS feed</a> you can filter those out if you don't want them!</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span class="left">
|
||||||
|
<span class="date">10/Dec</span>
|
||||||
|
<span class="year">2016</span>
|
||||||
|
</span>
|
||||||
|
<span class="right">
|
||||||
|
<span class="title">🌟 When everything's important, nothing is! 🌟</span>
|
||||||
|
<span class="tags">
|
||||||
|
|
||||||
|
#performance,
|
||||||
|
|
||||||
|
#loading
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span class="left">
|
||||||
|
<span class="date">30/Aug</span>
|
||||||
|
<span class="year">2016</span>
|
||||||
|
</span>
|
||||||
|
<span class="right">
|
||||||
|
<span class="title">There's a new streamer in town!</span>
|
||||||
|
<span class="tags">
|
||||||
|
|
||||||
|
#streaming,
|
||||||
|
|
||||||
|
#gaming,
|
||||||
|
|
||||||
|
#entertainment
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span class="left">
|
||||||
|
<span class="date">15/Feb</span>
|
||||||
|
<span class="year">2016</span>
|
||||||
|
</span>
|
||||||
|
<span class="right">
|
||||||
|
<span class="title">Ranking each survival horror game</span>
|
||||||
|
<span class="tags">
|
||||||
|
|
||||||
|
#horror
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span class="left">
|
||||||
|
<span class="date">25/Jan</span>
|
||||||
|
<span class="year">2016</span>
|
||||||
|
</span>
|
||||||
|
<span class="right">
|
||||||
|
<span class="title">The Hack is Back!</span>
|
||||||
|
<span class="tags">
|
||||||
|
|
||||||
|
#images,
|
||||||
|
|
||||||
|
#code
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<span class="left">
|
||||||
|
<span class="date">16/Nov</span>
|
||||||
|
<span class="year">2015</span>
|
||||||
|
</span>
|
||||||
|
<span class="right">
|
||||||
|
<span class="title">Easist modding protocols,</span>
|
||||||
|
<span class="tags">
|
||||||
|
|
||||||
|
#frameworks,
|
||||||
|
|
||||||
|
#modding
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class="clear"></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul></div>
|
||||||
|
</div>
|
||||||
|
</div> <!-- end container -->
|
||||||
|
<section id="description">
|
||||||
|
<div class="tile">
|
||||||
|
<div class="content">
|
||||||
|
<h3 class="text-lightblue">Desciption</h3>
|
||||||
|
<p>Currently, our main channels of communication are instant messaging rooms hosted on the Matrix network. They are also accessible via Jabber/XMPP and IRC protocols, so that contributors can use their favorite client to join us.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tile">
|
||||||
|
<div class="content">
|
||||||
|
<h3 class="text-lightblue">Members</h3>
|
||||||
|
<img src="assets/member-panel-example.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer id="footer">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Home</a></li>
|
||||||
|
<li><a href="#">About</a></li>
|
||||||
|
<li><a href="#">Sitemap</a></li>
|
||||||
|
<li><a href="#">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</ul>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</footer>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,8 @@
|
||||||
|
/*!
|
||||||
|
* @license https://www.gnu.org/licenses/gpl-3.0.en.html GNU General Public License
|
||||||
|
* @name styles.css by libregaming.org
|
||||||
|
* @version v0.1.4
|
||||||
|
*/
|
||||||
/*!**************************************************************************************************!*\
|
/*!**************************************************************************************************!*\
|
||||||
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/responsive-nav/responsive-nav.css ***!
|
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/responsive-nav/responsive-nav.css ***!
|
||||||
\**************************************************************************************************/
|
\**************************************************************************************************/
|
||||||
|
@ -117,6 +122,17 @@ h6, .h6 {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.body-font {
|
||||||
|
font-size: calc(1.2625rem + 0.15vw);
|
||||||
|
max-width: 45rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.body-font {
|
||||||
|
font-size: 1.375rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.lead {
|
.lead {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
font-size: calc(1.28125rem + 0.375vw);
|
font-size: calc(1.28125rem + 0.375vw);
|
||||||
|
@ -155,18 +171,18 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
color: #04768F;
|
||||||
color: #ff8f23;
|
font-weight: 700;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #ff6a23;
|
color: #059fc1;
|
||||||
}
|
}
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #ff8f23;
|
color: #04768F;
|
||||||
}
|
}
|
||||||
a:active {
|
a:active {
|
||||||
color: #ffb423;
|
color: #04768F;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-lightblue {
|
.text-lightblue {
|
||||||
|
@ -180,8 +196,8 @@ a:active {
|
||||||
}
|
}
|
||||||
@media (max-width: 78.75em) {
|
@media (max-width: 78.75em) {
|
||||||
.container {
|
.container {
|
||||||
margin-left: 15px;
|
padding-left: 0.9375rem;
|
||||||
margin-right: 15px;
|
padding-right: 0.9375rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link href="style.min.css" rel="stylesheet" />
|
<link href="style.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
@ -40,6 +40,12 @@
|
||||||
</section>
|
</section>
|
||||||
</div> <!-- end container -->
|
</div> <!-- end container -->
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="grid-large two-thirds">
|
||||||
|
<p>The quick brown fox jumps over the lazy dog</p>
|
||||||
|
</div>
|
||||||
|
<div class="grid-large one-third">Jeb</div>
|
||||||
|
</div>
|
||||||
<h2 class="lg-title"><span>GAMING</span></h2>
|
<h2 class="lg-title"><span>GAMING</span></h2>
|
||||||
<h1>h1. heading</h1>
|
<h1>h1. heading</h1>
|
||||||
<h2>h2. heading</h2>
|
<h2>h2. heading</h2>
|
||||||
|
@ -50,7 +56,7 @@
|
||||||
<img class="img-fluid" src="assets/boxes.png" />
|
<img class="img-fluid" src="assets/boxes.png" />
|
||||||
<h2 class="lg-title">NEWS</h2>
|
<h2 class="lg-title">NEWS</h2>
|
||||||
<div class="posts">
|
<div class="posts">
|
||||||
<p>Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the <a href="/news/feed">RSS feed</a> you can filter those out if you don't want them!</p>
|
<p class="body-font">Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the <a href="/news/feed">RSS feed</a> you can filter those out if you don't want them!</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
|
|
|
@ -5,11 +5,12 @@ html,body {
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
html body {
|
html body {
|
||||||
background-color:$bg-color;
|
background-color:$bg-color;
|
||||||
}
|
}
|
||||||
body
|
|
||||||
{
|
body {
|
||||||
@include font-size($font-size-base);
|
@include font-size($font-size-base);
|
||||||
font-family:$font-family-sans-serif;
|
font-family:$font-family-sans-serif;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
@ -22,12 +23,12 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
|
||||||
color: $link-color;
|
color: $link-color;
|
||||||
|
font-weight: $link-font-weight;
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
&:hover {
|
&:hover {
|
||||||
color:$link-hover-color;
|
color:$link-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:visited {
|
&:visited {
|
||||||
color: $link-visited-color;
|
color: $link-visited-color;
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
|
@import "components/container";
|
||||||
@import "components/toolbar";
|
@import "components/toolbar";
|
||||||
@import "components/hero";
|
@import "components/hero";
|
||||||
@import "components/posts";
|
@import "components/posts";
|
||||||
|
|
|
@ -7,9 +7,10 @@
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
// As soon as the viewport is less than page width plus both gutters,
|
// As soon as the viewport is less than page width plus both gutters,
|
||||||
// then add gutter spacing to container
|
// then add gutter spacing to container
|
||||||
|
// TODO: change to media-query helper instead of mq.mq
|
||||||
@include mq.mq($until: $container-page-width + $gutter * 2) {
|
@include mq.mq($until: $container-page-width + $gutter * 2) {
|
||||||
margin-left: $gutter-half;
|
@include padding-left($gutter-half);
|
||||||
margin-right: $gutter-half;
|
@include padding-right($gutter-half);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Full width container
|
// Full width container
|
||||||
|
@ -18,5 +19,3 @@
|
||||||
margin-left: $gutter-half;
|
margin-left: $gutter-half;
|
||||||
margin-right: $gutter-half;
|
margin-right: $gutter-half;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -16,6 +16,13 @@ h4, .h4 { @include font-size($h4-font-size); }
|
||||||
h5, .h5 { @include font-size($h5-font-size); }
|
h5, .h5 { @include font-size($h5-font-size); }
|
||||||
h6, .h6 { @include font-size($h6-font-size); }
|
h6, .h6 { @include font-size($h6-font-size); }
|
||||||
|
|
||||||
|
|
||||||
|
.body-font {
|
||||||
|
@include font-size(22px);
|
||||||
|
max-width: $paragraph-reading-width;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
// lead paragraph
|
// lead paragraph
|
||||||
|
|
||||||
.lead {
|
.lead {
|
||||||
|
@ -24,4 +31,3 @@ h6, .h6 { @include font-size($h6-font-size); }
|
||||||
font-weight: $lead-font-weight;
|
font-weight: $lead-font-weight;
|
||||||
margin-top:0;
|
margin-top:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
@import "settings/colors";
|
|
||||||
@import "settings/font";
|
@import "settings/font";
|
||||||
@import "settings/font-families";
|
@import "settings/font-families";
|
||||||
@import "settings/headings";
|
@import "settings/headings";
|
||||||
@import "settings/measurements";
|
@import "settings/measurements";
|
||||||
@import "settings/spacing";
|
@import "settings/spacing";
|
||||||
|
@import "settings/colors";
|
||||||
|
|
|
@ -32,6 +32,10 @@ $secondary-color: $orange !default;
|
||||||
|
|
||||||
$orange-100: adjust-hue($orange,10%);
|
$orange-100: adjust-hue($orange,10%);
|
||||||
$orange-900: adjust-hue($orange,-10%);
|
$orange-900: adjust-hue($orange,-10%);
|
||||||
|
|
||||||
|
$blue-shade-1: adjust-hue($blue,10%);
|
||||||
|
$blue-shade-9: adjust-hue($blue,-10%);
|
||||||
|
|
||||||
// body background color
|
// body background color
|
||||||
$bg-color: $white !default;
|
$bg-color: $white !default;
|
||||||
|
|
||||||
|
@ -59,16 +63,18 @@ $success-text: $green !default;
|
||||||
// =============================================================================
|
// =============================================================================
|
||||||
|
|
||||||
// normal link color
|
// normal link color
|
||||||
$link-color: $orange !default;
|
$link-color: #04768F !default;
|
||||||
|
|
||||||
// visted link color
|
// visted link color
|
||||||
$link-visited-color:$orange !default;
|
$link-visited-color: $link-color !default;
|
||||||
|
|
||||||
// link hover color
|
// link hover color
|
||||||
$link-hover-color:$orange-900 !default;
|
$link-hover-color: lighten($link-color,10%) !default;
|
||||||
|
|
||||||
// active link color
|
// active link color
|
||||||
$link-active-color:$orange-100 !default;
|
$link-active-color: $link-color !default;
|
||||||
|
|
||||||
|
$link-font-weight: $font-weight-bold !default;
|
||||||
|
|
||||||
// =============================================================================
|
// =============================================================================
|
||||||
// Nav
|
// Nav
|
||||||
|
|
|
@ -14,3 +14,10 @@ $gutter-half: $gutter / 2;
|
||||||
// Border radius
|
// Border radius
|
||||||
|
|
||||||
$border-radius: 5px;
|
$border-radius: 5px;
|
||||||
|
|
||||||
|
// =========================================================
|
||||||
|
// Paragraph
|
||||||
|
// =========================================================
|
||||||
|
|
||||||
|
$paragraph-reading-width: 45rem;
|
||||||
|
|
||||||
|
|
|
@ -8,6 +8,5 @@
|
||||||
@import "core";
|
@import "core";
|
||||||
@import "global";
|
@import "global";
|
||||||
@import "colors";
|
@import "colors";
|
||||||
@import "container";
|
|
||||||
@import "components";
|
@import "components";
|
||||||
@import "~responsive-nav/responsive-nav.css";
|
@import "~responsive-nav/responsive-nav.css";
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
// Generated using webpack-cli https://github.com/webpack/webpack-cli
|
// Generated using webpack-cli https://github.com/webpack/webpack-cli
|
||||||
|
const webpack = require("webpack");
|
||||||
|
const package = require('./package.json');
|
||||||
|
const buildVersion = package.version;
|
||||||
const path = require("path");
|
const path = require("path");
|
||||||
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
||||||
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
||||||
|
@ -26,7 +28,10 @@ const config = {
|
||||||
new HtmlWebpackPlugin({
|
new HtmlWebpackPlugin({
|
||||||
template: "src/index.html",
|
template: "src/index.html",
|
||||||
}),
|
}),
|
||||||
|
new webpack.BannerPlugin({
|
||||||
|
banner:
|
||||||
|
`@license https://www.gnu.org/licenses/gpl-3.0.en.html GNU General Public License \n@name [name][ext] by libregaming.org \n@version v${buildVersion}`
|
||||||
|
}),
|
||||||
// Add your plugins here
|
// Add your plugins here
|
||||||
// Learn more about plugins from https://webpack.js.org/configuration/plugins/
|
// Learn more about plugins from https://webpack.js.org/configuration/plugins/
|
||||||
],
|
],
|
||||||
|
|
Reference in New Issue