hazza/bootswatch
1
0
Fork 0
mirror of https://github.com/thomaspark/bootswatch.git synced 2025-10-07 01:54:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

update gitignore

Browse Source
This commit is contained in:
Thomas Park
2017-11-04 02:13:58 -04:00
parent 42aad2fff7
commit 99ba0bc396
4 changed files with 148 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
.gitignore vendored
View File

@@ -1,21 +1,6 @@
node_modules
!node_modules/
node_modules/*
!node_modules/bootstrap/
node_modules/bootstrap/*
!node_modules/bootstrap/dist/*
!node_modules/jquery/
node_modules/jquery/*
!node_modules/jquery/dist/*
!node_modules/popper.js/
node_modules/popper.js/*
!node_modules/popper.js/dist/*
!node_modules/font-awesome/
.idea
components
build
_site
*.lock
.sass-cache/

107
build/html/thumbnail.html Normal file
View File

@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootswatch: Default Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.css" media="screen" id="stylesheet">
<link rel="stylesheet" href="../css/custom.min.css">
<style>
body {
width: 500px;
padding-top: 120px;
}
h1, p, .bs-example {
text-align: center;
}
.navbar {
z-index: -10;
padding-left: 20px;
}
.lead {
margin-bottom: 2em;
}
.page-header {
border-bottom: none;
}
</style>
</head>
<body>
<nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-primary">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Bootswatch</a>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Themes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Download</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-12">
<div class="page-header">
<h1 id="theme">Default</h1>
<p id="description" class="lead">Basic Bootstrap</p>
<div class="bs-example">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
<script>
$.get("../../api/4.json", function (data) {
var menuTemplate = "<div id='menu' style='position:fixed;top:10px;right:10px;'><select>{{#.}}<option data-description='{{description}}'>{{name}}</option>{{/.}}</select></div>",
menuHTML = Mustache.render(menuTemplate, data.themes);
$('body').append(menuHTML);
$('#menu').change(function(){
var theme = $('#menu :selected');
$('#theme').text(theme.text());
$('#description').text(theme.data('description'));
theme = '../../' + theme.text().toLowerCase() + '/bootstrap.min.css';
$('#stylesheet').attr('href', theme);
});
}, "json");
</script>
</body>
</html>

38
build/js/postcss.js Normal file
View File

@@ -0,0 +1,38 @@
module.exports = {
use: [
'postcss-flexbugs-fixes',
'autoprefixer'
],
map: false,
autoprefixer: {
browsers: [
//
// Official browser support policy:
// https://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#supported-browsers
//
'Chrome >= 35', // Exact version number here is kinda arbitrary
// Rather than using Autoprefixer's native "Firefox ESR" version specifier string,
// we deliberately hardcode the number. This is to avoid unwittingly severely breaking the previous ESR in the event that:
// (a) we happen to ship a new Bootstrap release soon after the release of a new ESR,
// such that folks haven't yet had a reasonable amount of time to upgrade; and
// (b) the new ESR has unprefixed CSS properties/values whose absence would severely break webpages
// (e.g. `box-sizing`, as opposed to `background: linear-gradient(...)`).
// Since they've been unprefixed, Autoprefixer will stop prefixing them,
// thus causing them to not work in the previous ESR (where the prefixes were required).
'Firefox >= 38', // Current Firefox Extended Support Release (ESR); https://www.mozilla.org/en-US/firefox/organizations/faq/
// Note: Edge versions in Autoprefixer & Can I Use refer to the EdgeHTML rendering engine version,
// NOT the Edge app version shown in Edge's "About" screen.
// For example, at the time of writing, Edge 20 on an up-to-date system uses EdgeHTML 12.
// See also https://github.com/Fyrd/caniuse/issues/1928
'Edge >= 12',
'Explorer >= 9',
// Out of leniency, we prefix these 1 version further back than the official policy.
'iOS >= 8',
'Safari >= 8',
// The following remain NOT officially supported, but we're lenient and include their prefixes to avoid severely breaking in them.
'Android 2.3',
'Android >= 4',
'Opera >= 12'
]
}
}

3
build/scss/build.scss Normal file
View File

@@ -0,0 +1,3 @@
@import "variables";
@import "../../node_modules/bootstrap/scss/bootstrap";
@import "bootswatch";