Skip to content

Commit 914050b

Browse files
authored
Merge pull request #83 from terraphim/commit_dist
add dist folder
2 parents ec37aba + 155df75 commit 914050b

139 files changed

Lines changed: 5362 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"html": {
3+
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg"],
4+
"brace_style": "collapse",
5+
"end_with_newline": false,
6+
"indent_char": " ",
7+
"indent_handlebars": false,
8+
"indent_inner_html": false,
9+
"indent_scripts": "keep",
10+
"indent_size": 2,
11+
"max_preserve_newlines": 0,
12+
"preserve_newlines": true,
13+
"unformatted": ["img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "h1", "h2", "h3", "h4", "h5", "h6"],
14+
"wrap_line_length": 0
15+
}
16+
}
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
source 'https://rubygems.org'
2+
gem 'github-pages', group: :jekyll_plugins
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2017 - Present Jenil Gogari
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
Bulmaswatch
2+
===========
3+
4+
Themes for [Bulma](http://bulma.io), inspired by [Bootswatch](http://bootswatch.com/).
5+
6+
Get started
7+
-----
8+
Read the instructions [here](https://jenil.github.io/bulmaswatch/help/).
9+
10+
11+
Development
12+
-----
13+
Assuming you already have Node.js (v10), [Yarn](https://yarnpkg.com/) and [Bundler](https://bundler.io/)
14+
15+
```
16+
yarn install # or npm install
17+
bundler install
18+
yarn start
19+
```
20+
21+
Credits
22+
-----
23+
- @jgthms for [Bulma](http://bulma.io)
24+
- @thomaspark for [Bootswatch](http://bootswatch.com/)
25+
26+
## Copyright and License
27+
28+
Copyright 2017 - Present [Jenil Gogari](https://jgog.in).
29+
30+
Code released under the MIT License.
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"version":"0.8.1","themes":[{"name":"Cerulean","description":"A calm blue sky","preview":"https://jenil.github.io/bulmaswatch/cerulean/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?cerulean","css":"https://unpkg.com/bulmaswatch@0.8.1/cerulean/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/cerulean/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/cerulean/_variables.scss"},{"name":"Cosmo","description":"An ode to Metro","preview":"https://jenil.github.io/bulmaswatch/cosmo/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?cosmo","css":"https://unpkg.com/bulmaswatch@0.8.1/cosmo/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/cosmo/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/cosmo/_variables.scss"},{"name":"Cyborg","description":"Jet black and electric blue","preview":"https://jenil.github.io/bulmaswatch/cyborg/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?cyborg","css":"https://unpkg.com/bulmaswatch@0.8.1/cyborg/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/cyborg/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/cyborg/_variables.scss"},{"name":"Darkly","description":"Flatly in night-mode","preview":"https://jenil.github.io/bulmaswatch/darkly/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?darkly","css":"https://unpkg.com/bulmaswatch@0.8.1/darkly/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/darkly/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/darkly/_variables.scss"},{"name":"Default","description":"Bulma as-is","preview":"https://jenil.github.io/bulmaswatch/default/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?default","css":"https://unpkg.com/bulmaswatch@0.8.1/default/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/default/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/default/_variables.scss"},{"name":"Flatly","description":"Flat and thick","preview":"https://jenil.github.io/bulmaswatch/flatly/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?flatly","css":"https://unpkg.com/bulmaswatch@0.8.1/flatly/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/flatly/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/flatly/_variables.scss"},{"name":"Journal","description":"Crisp like a new sheet of paper","preview":"https://jenil.github.io/bulmaswatch/journal/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?journal","css":"https://unpkg.com/bulmaswatch@0.8.1/journal/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/journal/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/journal/_variables.scss"},{"name":"Litera","description":"The medium is the message","preview":"https://jenil.github.io/bulmaswatch/litera/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?litera","css":"https://unpkg.com/bulmaswatch@0.8.1/litera/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/litera/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/litera/_variables.scss"},{"name":"Lumen","description":"Light and shadow","preview":"https://jenil.github.io/bulmaswatch/lumen/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?lumen","css":"https://unpkg.com/bulmaswatch@0.8.1/lumen/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/lumen/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/lumen/_variables.scss"},{"name":"Lux","description":"A touch of class","preview":"https://jenil.github.io/bulmaswatch/lux/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?lux","css":"https://unpkg.com/bulmaswatch@0.8.1/lux/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/lux/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/lux/_variables.scss"},{"name":"Materia","description":"Material is the metaphor","preview":"https://jenil.github.io/bulmaswatch/materia/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?materia","css":"https://unpkg.com/bulmaswatch@0.8.1/materia/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/materia/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/materia/_variables.scss"},{"name":"Minty","description":"A fresh feel","preview":"https://jenil.github.io/bulmaswatch/minty/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?minty","css":"https://unpkg.com/bulmaswatch@0.8.1/minty/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/minty/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/minty/_variables.scss"},{"name":"Nuclear","description":"A dark theme with irradiated highlights","preview":"https://jenil.github.io/bulmaswatch/nuclear/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?nuclear","css":"https://unpkg.com/bulmaswatch@0.8.1/nuclear/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/nuclear/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/nuclear/_variables.scss"},{"name":"Pulse","description":"A trace of purple","preview":"https://jenil.github.io/bulmaswatch/pulse/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?pulse","css":"https://unpkg.com/bulmaswatch@0.8.1/pulse/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/pulse/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/pulse/_variables.scss"},{"name":"Sandstone","description":"A touch of warmth","preview":"https://jenil.github.io/bulmaswatch/sandstone/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?sandstone","css":"https://unpkg.com/bulmaswatch@0.8.1/sandstone/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/sandstone/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/sandstone/_variables.scss"},{"name":"Simplex","description":"Mini and minimalist","preview":"https://jenil.github.io/bulmaswatch/simplex/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?simplex","css":"https://unpkg.com/bulmaswatch@0.8.1/simplex/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/simplex/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/simplex/_variables.scss"},{"name":"Slate","description":"Shades of gunmetal gray","preview":"https://jenil.github.io/bulmaswatch/slate/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?slate","css":"https://unpkg.com/bulmaswatch@0.8.1/slate/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/slate/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/slate/_variables.scss"},{"name":"Solar","description":"A spin on Solarized","preview":"https://jenil.github.io/bulmaswatch/solar/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?solar","css":"https://unpkg.com/bulmaswatch@0.8.1/solar/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/solar/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/solar/_variables.scss"},{"name":"Spacelab","description":"Silvery and sleek","preview":"https://jenil.github.io/bulmaswatch/spacelab/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?spacelab","css":"https://unpkg.com/bulmaswatch@0.8.1/spacelab/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/spacelab/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/spacelab/_variables.scss"},{"name":"Superhero","description":"The brave and the blue","preview":"https://jenil.github.io/bulmaswatch/superhero/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?superhero","css":"https://unpkg.com/bulmaswatch@0.8.1/superhero/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/superhero/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/superhero/_variables.scss"},{"name":"United","description":"Ubuntu orange and unique font","preview":"https://jenil.github.io/bulmaswatch/united/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?united","css":"https://unpkg.com/bulmaswatch@0.8.1/united/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/united/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/united/_variables.scss"},{"name":"Yeti","description":"A friendly foundation","preview":"https://jenil.github.io/bulmaswatch/yeti/","thumb":"https://jenil.github.io/bulmaswatch/thumb/?yeti","css":"https://unpkg.com/bulmaswatch@0.8.1/yeti/bulmaswatch.min.css","scss":"https://unpkg.com/bulmaswatch@0.8.1/yeti/bulmaswatch.scss","scssVariables":"https://unpkg.com/bulmaswatch@0.8.1/yeti/_variables.scss"}]}
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
var request = new XMLHttpRequest();
2+
request.open("GET", "https://jenil.github.io/bulmaswatch/api/themes.json", true);
3+
request.onreadystatechange = function() {
4+
var done = 4,
5+
ok = 200;
6+
if (request.readyState == done && request.status == ok) {
7+
if (request.responseText) {
8+
var BS = JSON.parse(request.responseText);
9+
console.log('bulmaswatch', BS.version);
10+
var themes = BS.themes;
11+
var select = '<span class="select" id="theme-switcher"><select>';
12+
select += '<option value="default" selected="">Select theme</option>';
13+
for (var i = 0; i < themes.length; i++) {
14+
select += '<option value="' + themes[i].css + '">' + themes[i].name + '</option>'
15+
}
16+
select += '</select></span>';
17+
var temp = document.createElement('div');
18+
temp.innerHTML = select;
19+
document.body.appendChild(temp.firstChild);
20+
document.querySelector('#theme-switcher').style = 'position:fixed;top:0;right:0;z-index:9900';
21+
var l = document.createElement("link");
22+
l.rel = "stylesheet";
23+
l.href = "";
24+
l.id = 'bulmaswatch-css';
25+
document.body.appendChild(l);
26+
document.querySelector('#theme-switcher select').addEventListener("change", function() {
27+
l.href = this.value;
28+
});
29+
}
30+
}
31+
};
32+
request.send(null);
Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
// Overrides
2+
@mixin btn-gradient($color) {
3+
background-image: linear-gradient(
4+
180deg,
5+
lighten($color, 8%) 0%,
6+
$color 60%,
7+
darken($color, 4%) 100%
8+
);
9+
}
10+
11+
.button {
12+
@each $name, $pair in $colors {
13+
$color: nth($pair, 1);
14+
$color-invert: nth($pair, 2);
15+
&.is-#{$name} {
16+
&:not(.is-outlined):not(.is-inverted) {
17+
@include btn-gradient($color);
18+
}
19+
}
20+
}
21+
}
22+
23+
.button,
24+
.control.has-icons-left .icon,
25+
.control.has-icons-right .icon,
26+
.input,
27+
.pagination-ellipsis,
28+
.pagination-link,
29+
.pagination-next,
30+
.pagination-previous,
31+
.select,
32+
.select select,
33+
.textarea {
34+
height: 2.375em;
35+
}
36+
37+
.select,
38+
.select select {
39+
height: auto !important;
40+
}
41+
42+
.input,
43+
.textarea {
44+
box-shadow: none;
45+
}
46+
47+
.card {
48+
box-shadow: 0 0 0 1px $border;
49+
background-color: $white-bis;
50+
.card-header {
51+
box-shadow: none;
52+
border-bottom: 1px solid $border;
53+
}
54+
}
55+
56+
.notification {
57+
@each $name, $pair in $colors {
58+
$color: nth($pair, 1);
59+
$color-invert: nth($pair, 2);
60+
$color-lightning: max((100% - lightness($color)) - 2%, 0%);
61+
&.is-#{$name} {
62+
background-color: lighten($color, $color-lightning);
63+
color: $color;
64+
border: 1px solid lighten($color, 30);
65+
}
66+
}
67+
}
68+
69+
.navbar:not(.is-transparent) {
70+
@include btn-gradient($primary);
71+
.navbar-item,
72+
.navbar-link {
73+
color: $white;
74+
&.has-dropdown:hover .navbar-link,
75+
&:hover {
76+
background-color: rgba(#000, 0.05);
77+
}
78+
&.is-active,
79+
&:active {
80+
background-color: rgba(#000, 0.1);
81+
}
82+
}
83+
.navbar-burger:hover {
84+
background-color: rgba(#000, 0.05);
85+
}
86+
.navbar-link::after {
87+
border-color: $white;
88+
}
89+
@include mobile {
90+
.navbar-menu {
91+
background-color: $primary;
92+
@include btn-gradient($primary);
93+
}
94+
}
95+
@include desktop {
96+
.navbar-dropdown .navbar-item {
97+
color: $grey-dark;
98+
}
99+
}
100+
.navbar-burger {
101+
span {
102+
background-color: $white;
103+
}
104+
}
105+
@each $name, $pair in $colors {
106+
$color: nth($pair, 1);
107+
$color-invert: nth($pair, 2);
108+
&.is-#{$name} {
109+
@include btn-gradient($color);
110+
@include mobile {
111+
.navbar-menu {
112+
background-color: $color;
113+
@include btn-gradient($color);
114+
}
115+
.navbar-item,
116+
.navbar-link {
117+
color: $color-invert;
118+
&.is-active,
119+
&:hover {
120+
background-color: darken($color, 2);
121+
color: $color-invert;
122+
}
123+
&:after {
124+
border-color: $color-invert;
125+
}
126+
}
127+
}
128+
.navbar-burger {
129+
span {
130+
background-color: $color-invert;
131+
}
132+
}
133+
}
134+
}
135+
}
136+
137+
.hero {
138+
.navbar:not(.is-transparent) {
139+
@include btn-gradient($primary);
140+
}
141+
@each $name, $pair in $colors {
142+
$color: nth($pair, 1);
143+
$color-invert: nth($pair, 2);
144+
&.is-#{$name} {
145+
.navbar {
146+
@include btn-gradient($color);
147+
}
148+
.navbar-item,
149+
.navbar-link {
150+
color: $color-invert;
151+
&.is-active,
152+
&:hover {
153+
background-color: darken($color, 2);
154+
color: $color-invert;
155+
}
156+
&:after {
157+
border-color: $color-invert;
158+
}
159+
}
160+
.navbar-burger {
161+
span {
162+
background-color: $color-invert;
163+
}
164+
}
165+
@include touch {
166+
.navbar-menu {
167+
background-color: $color;
168+
@include btn-gradient($color);
169+
}
170+
}
171+
@include desktop {
172+
.navbar-dropdown a.navbar-item:hover {
173+
color: $color-invert;
174+
}
175+
}
176+
}
177+
}
178+
}
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
////////////////////////////////////////////////
2+
// CERULEAN
3+
////////////////////////////////////////////////
4+
$orange: #dd5600;
5+
$yellow: #dab424;
6+
$green: #73a839;
7+
$turquoise: #5bc0de;
8+
$blue: #033c73;
9+
$purple: #7e5ea3;
10+
$red: #c71c22;
11+
$grey: #dbdbdb;
12+
13+
$primary: #2fa4e7 !default;
14+
$primary-dark: #317eac;
15+
$warning: $orange;
16+
$info: #d8dce0;
17+
18+
$info-invert: #333;
19+
$orange-invert: #fff;
20+
$warning-invert: $orange-invert;
21+
22+
$family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
23+
24+
$title-color: $primary-dark;
25+
$title-weight: 500;
26+
$title-weight-bold: 700;
27+
28+
$subtitle-weight: 300;
29+
$subtitle-strong-color: 500;
30+
31+
$box-shadow: 0 0 0 1px $grey;

0 commit comments

Comments
 (0)