diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000..8d24bc1 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1 @@ +github: ['wowthemesnet'] diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..736d740 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +*.gem +.bundle +.jekyll-cache +.sass-cache +_site +Gemfile.lock diff --git a/404.html b/404.html new file mode 100644 index 0000000..1ee1063 --- /dev/null +++ b/404.html @@ -0,0 +1,10 @@ +--- +layout: default +title: 404 +permalink: /404.html +--- +
+

404

+

Page not found!

+

Please use the search bar from the bottom left or visit our homepage!

+
diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..76edd3d --- /dev/null +++ b/Gemfile @@ -0,0 +1,23 @@ +# frozen_string_literal: true + +source "https://rubygems.org" + + +# Hello! This is where you manage which Jekyll version is used to run. +# When you want to use a different version, change it below, save the +# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: +# +# bundle exec jekyll serve +# + +# If you have any plugins, put them here! +gem 'wdm', '>= 0.1.0' if Gem.win_platform? +group :jekyll_plugins do + gem 'jekyll-feed' + gem 'jekyll-sitemap' + gem 'jekyll-paginate' + gem 'jekyll-seo-tag' + gem 'jekyll-archives' + gem 'tzinfo-data' + gem 'tzinfo' +end \ No newline at end of file diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..d05b965 --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2021 wowthemesnet + +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. diff --git a/README.md b/README.md index 2136aa6..7d4ecbf 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,5 @@ -# showcase -A repository to hold all the masterpieces created by our very own Ninjas! +# Affiliates - Free Jekyll Theme + +[Live Demo](https://wowthemesnet.github.io/affiliates-jekyll-theme/) | [Docs & Download](https://bootstrapstarter.com/template-affiliates-bootstrap-jekyll/) | [Buy me a coffee](https://www.wowthemes.net/donate/) + +![jekyll-affiliates-theme](https://bootstrapstarter.com/assets/img/themes/affiliates-jekyll.jpg) \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..e040a87 --- /dev/null +++ b/_config.yml @@ -0,0 +1,60 @@ +title: "Showcase | Code Ninjas Langley" +email: showcase@codeninjaslangley.co.uk +timezone: UTC +baseurl: "" +permalink: "/:categories/:title/" +logo: 'assets/images/favicon.png' +favicon: 'assets/images/favicon.png' +author: CN Admin +paginate: 30 +disqus: '' +locale: en_us +lang: en_us +feed_items: 10 +feed_update_period: daily +feed_update_frequency: 1 +markdown: kramdown +kramdown: + syntax_highlighter_opts: + disable: true +sass: + sass_dir: _sass + style: :compressed +ganalytics: UA-113961478-1 + +# Authors +authors: + cn_admin: + name: CN Admin + display_name: Dojo + avatar: 'assets/images/sal.png' + email: admin@codeninjaslangley.co.uk + web: https://www.wowthemes.net/category/jekyll-themes/ + twitter: https://twitter.com/wowthemesnet + description: "" + camp_23: + name: Camps + display_name: Dojo Camps + avatar: 'assets/images/john.png' + email: camps@codeninjaslangley.co.uk + description: "This is the author box. Write a short description of the author here. You are currently previewing Affiliates theme demo, a Jekyll template compatible with Github pages." + ninjas: + name: Ninjas + display_name: Ninjas + avatar: 'assets/images/john.png' + email: ninjas@codeninjaslangley.co.uk + description: "This is the author box. Write a short description of the author here. You are currently previewing Affiliates theme demo, a Jekyll template compatible with Github pages." + +# Social +social: + instagram: https://www.instagram.com/bootstrapstarter/ + facebook: https://www.facebook.com/bootstrapstartercom-346329609045284 + twitter: https://twitter.com/bstartercom + +# Plugins +plugins: +- jekyll-paginate +- jekyll-sitemap +- jekyll-feed +- jekyll-seo-tag +- jekyll-archives \ No newline at end of file diff --git a/_data/menus.yml b/_data/menus.yml new file mode 100644 index 0000000..821b004 --- /dev/null +++ b/_data/menus.yml @@ -0,0 +1,34 @@ +# Top Menu +topmenu: + +- title: Home + url: "" + +- title: Join Us + url: "https://codeninjasuk.github.io" + external: true + +- title: Contact + url: "https://codeninjasuk.github.io/about" + external: true + +- title: Become a Ninja + url: "https://codeninjasuk.github.io" + class: "ml-2 btn btn-dark text-white px-3" + external: true + +# Footer Menu +footermenu: + +- title: Home + url: "" + +- title: Privacy Policy + url: "privacy-policy/" + +- title: Contact + url: "contact/" + +- title: Download + url: https://bootstrapstarter.com/template-affiliates-bootstrap-jekyll/ + external: true \ No newline at end of file diff --git a/_includes/disqus.html b/_includes/disqus.html new file mode 100644 index 0000000..2534d0d --- /dev/null +++ b/_includes/disqus.html @@ -0,0 +1,14 @@ +
+
+ + + +
diff --git a/_includes/newsletter.html b/_includes/newsletter.html new file mode 100644 index 0000000..4ce7f04 --- /dev/null +++ b/_includes/newsletter.html @@ -0,0 +1,28 @@ + + + + + +
+
+
+

Book a free taster session with us using the promo-code 
SHOWCASE

+ +
+ +
+
+ + +
+ +
+
+
+
+ + \ No newline at end of file diff --git a/_includes/pagination.html b/_includes/pagination.html new file mode 100644 index 0000000..20fd7c5 --- /dev/null +++ b/_includes/pagination.html @@ -0,0 +1,13 @@ + \ No newline at end of file diff --git a/_includes/postbox.html b/_includes/postbox.html new file mode 100644 index 0000000..003cdac --- /dev/null +++ b/_includes/postbox.html @@ -0,0 +1,21 @@ + +{% assign author = site.authors[post.author] %} +
+ + {% if post.image %} {{ post.title }} {% endif %} + +
+

{{ post.title }}

+

{{ post.excerpt | strip_html | truncatewords:15 }}

+
+
+ + By {% if post.author %}{{ author.display_name }}{% else %}{{ site.author }}{% endif %}, + on {{ post.date | date_to_string }} + +
+
+
+
+
+ \ No newline at end of file diff --git a/_includes/sidebar.html b/_includes/sidebar.html new file mode 100644 index 0000000..a974d7f --- /dev/null +++ b/_includes/sidebar.html @@ -0,0 +1,10 @@ +
+
+
JOIN US
+ {% include newsletter.html %} +
+
+
Your Ad Here
+ +
+
\ No newline at end of file diff --git a/_layouts/categories.html b/_layouts/categories.html new file mode 100644 index 0000000..98c7105 --- /dev/null +++ b/_layouts/categories.html @@ -0,0 +1,22 @@ +--- +title: "Categories" +layout: default +permalink: "/categories.html" +--- +{% for category in site.categories %} +

In "{{ category[0] }}"

+
+{% assign pages_list = category[1] %} +{% for post in pages_list %} +{% if post.title != null %} +{% if group == null or group == post.group %} +
+{% include postbox.html %} +
+{% endif %} +{% endif %} +{% endfor %} +{% assign pages_list = nil %} +{% assign group = nil %} +
+{% endfor %} diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..6727a9d --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,134 @@ + + + + + + + +{{ page.title }} | {{site.title}} + +{% seo %} + + + + + + + +{% if jekyll.environment == "production" %} + + + +{% endif %} + + + +{% capture layout %}{% if page.layout %}layout-{{ page.layout }}{% endif %}{% endcapture %} + + + + +
+ +
+ + + +
+ {{ content }} +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..3cbe596 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,28 @@ +--- +layout: default +--- + +{% if page.image %} +
+ {{ page.title }} +
+{% endif %} + + +
+ +
+

{{ page.title }}

+
+ +
+ {{content}} +
+ + {% if page.comments == true %} +
+ {% include disqus.html %} +
+ {% endif %} + +
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..ee9787f --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,119 @@ +--- +layout: default +disqus: false +archive: false +post_class: post-template +--- + + + +
+ + + + {% assign author = site.authors[page.author] %} + +
+ + {% if page.image %}{{ page.title }}{% endif %} + +
+ + +
+
    + {% assign sortedCategories = page.categories | sort %} + {% for category in sortedCategories %} +
  • + {{ category }} +
    • + {% endfor %} +
+
+ + + +

{{ page.title }}

+ +
+ + + + +
+ {{content}} +
+
+ + +

+ + + {% if page.last_modified_at %} + (Updated: ) + {% endif %} + +

+ + + + +
+ {% if page.previous.url %} +
+ « {{page.previous.title}} +
+ {% endif %} + {% if page.next.url %} +
+ {{page.next.title}} » +
+ {% endif %} +
+ + + + + {% if page.author %} +
+
+ {{ author.display_name }} +
+
+ {{ author.display_name }} + {{ author.description }} +
+
+ {% endif %} + + + +
+
+ {% include disqus.html %} +
+
+ + + + +
+ + + + + + +
+ {% include sidebar.html %} +
+ + + +
+ + \ No newline at end of file diff --git a/_posts/2018-01-12-tree-of-codes.md b/_posts/2018-01-12-tree-of-codes.md new file mode 100644 index 0000000..9100fae --- /dev/null +++ b/_posts/2018-01-12-tree-of-codes.md @@ -0,0 +1,18 @@ +--- +layout: post +title: "Tree of Codes" +author: ninjas +categories: [ camps ] +image: assets/images/2.jpg +--- +The first mass-produced book to deviate from a rectilinear format, at least in the United States, is thought to be this 1863 edition of Red Riding Hood, cut into the shape of the protagonist herself with the troublesome wolf curled at her feet. Produced by the Boston-based publisher Louis Prang, this is the first in their “Doll Series”, a set of five “die-cut” books, known also as shape books — the other titles being Robinson Crusoe, Goody Two-Shoes (also written by Red Riding Hood author Lydia Very), Cinderella, and King Winter. + +As for this particular rendition of Charles Perrault’s classic tale, the text and design is by Lydia Very (1823-1901), sister of Transcendentalist poet Jones Very. The gruesome ending of the original — which sees Little Red Riding Hood being gobbled up as well as her grandmother — is avoided here, the gore giving way to the less bloody aims of the morality tale, and the lesson that one should not disobey one’s mother. + +> It would seem the claim could also extend to die cut books in general, as we can’t find anything sooner, but do let us know in the comments if you have further light to shed on this! Such books are, of course, still popular in children’s publishing today, though the die cutting is not now limited to mere outlines, as evidenced in a beautiful 2014 version of the same Little Red Riding Hood story. + + +An 1868 Prang catalogue would later claim that such “books in the shape of a regular paper Doll… originated with us”. + +The die cut has also been employed in the non-juvenile sphere as well, a recent example being Jonathan Safran Foer’s ambitious Tree of Codes. + diff --git a/_posts/2019-01-12-is-intelligence-enough.md b/_posts/2019-01-12-is-intelligence-enough.md new file mode 100644 index 0000000..b33de57 --- /dev/null +++ b/_posts/2019-01-12-is-intelligence-enough.md @@ -0,0 +1,19 @@ +--- +layout: post +title: "Is Intelligence Enough" +author: sal +categories: [ Jekyll, tutorial ] +image: assets/images/5.jpg +--- +Education must also train one for quick, resolute and effective thinking. To think incisively and to think for one's self is very difficult. + +> We are prone to let our mental life become invaded by legions of half truths, prejudices, and propaganda. At this point, I often wonder whether or not education is fulfilling its purpose. A great majority of the so-called educated people do not think logically and scientifically. + +Even the press, the classroom, the platform, and the pulpit in many instances do not give us objective and unbiased truths. To save man from the morass of propaganda, in my opinion, is one of the chief aims of education. Education must enable one to sift and weigh evidence, to discern the true from the false, the real from the unreal, and the facts from the fiction. + +The function of education, therefore, is to teach one to think intensively and to think critically. But education which stops with efficiency may prove the greatest menace to society. The most dangerous criminal may be the man gifted with reason, but with no morals. + +The late Eugene Talmadge, in my opinion, possessed one of the better minds of Georgia, or even America. Moreover, he wore the Phi Beta Kappa key. By all measuring rods, Mr. Talmadge could think critically and intensively; yet he contends that I am an inferior being. Are those the types of men we call educated? + +We must remember that intelligence is not enough. Intelligence plus character--that is the goal of true education. The complete education gives one not only power of concentration, but worthy objectives upon which to concentrate. The broad education will, therefore, transmit to one not only the accumulated knowledge of the race but also the accumulated experience of social living. + diff --git a/_posts/2020-01-11-markup-example.md b/_posts/2020-01-11-markup-example.md new file mode 100644 index 0000000..baa0dcb --- /dev/null +++ b/_posts/2020-01-11-markup-example.md @@ -0,0 +1,26 @@ +--- +layout: post +title: "Markdown Example" +author: john +categories: [ Jekyll, tutorial ] +image: assets/images/6.jpg +--- +You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. Something. + +To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. + +Jekyll also offers powerful support for code snippets: + +{% highlight ruby %} +def print_hi(name) + puts "Hi, #{name}" +end +print_hi('Tom') +#=> prints 'Hi, Tom' to STDOUT. +{% endhighlight %} + +Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. + +[jekyll-docs]: http://jekyllrb.com/docs/home +[jekyll-gh]: https://github.com/jekyll/jekyll +[jekyll-talk]: https://talk.jekyllrb.com/ \ No newline at end of file diff --git a/_posts/2020-01-12-launch-of-showcase.md b/_posts/2020-01-12-launch-of-showcase.md new file mode 100644 index 0000000..584d783 --- /dev/null +++ b/_posts/2020-01-12-launch-of-showcase.md @@ -0,0 +1,32 @@ +--- +layout: post +title: "Launch of Showcase" +categories: [ updates ] +image: assets/images/1.jpg +--- + +We are thrilled to announce the grand launch of our brand-new platform, the "Ninja's Creators Hub"! 🎈 This exciting initiative is designed to showcase the incredible talent and creativity of the young minds in our dojo. We believe that nurturing creativity and providing a platform for expression are essential in shaping the future leaders and innovators of tomorrow. + +### 🌟 What is the Ninja's Creators Hub? + +The Ninja's Creators Hub is a digital space where our talented young creators can unleash their imagination and share their unique games, movies, and creative works with the world! We have been amazed by the boundless creativity our kids possess, and we are now taking it to the next level by giving them a platform to shine and inspire others. + +### 🎮🎬🎨 Showcasing Kid's Games, Movies, and Creativity + +From entertaining and imaginative games to captivating movies and awe-inspiring artworks, the Ninja's Creators Hub will be the go-to destination to witness the genius of our dojo's young talents. Our team of dedicated instructors has been working closely with the kids, guiding them through the process of creation while encouraging their individuality and originality. + +### 🌈 Encouraging Learning through Creativity + +At our dojo, we firmly believe that creativity is a powerful tool for learning and personal growth. By providing this platform, we aim to foster a sense of confidence and accomplishment among our young creators, instilling in them the belief that their ideas and expressions truly matter. Additionally, the Ninja's Creators Hub will serve as an inspiring resource for other kids, encouraging them to explore their creative potential and learn from their peers. + +### 🗓️ Updates + +Looking ahead, we have exciting plans for the future of the Ninja's Creators Hub. We intend to regularly update the platform with fresh content and even explore the possibility of collaborating with other educational institutions and organizations to expand the reach of our young creators' works. + +### 🤝 Join Us on this Creative Journey + +We invite all parents, guardians, and members of our dojo community to join us on this creative journey! Together, we can support and encourage our kids to dream big and think outside the box. The Ninja's Creators Hub is not just a platform; it's a celebration of the power of imagination and the brilliance of our young minds. + +We extend our heartfelt gratitude to all parents, instructors, and most importantly, our amazing kids, without whom this platform would not have been possible. Your support and encouragement have been the driving force behind this endeavor, and we can't wait to witness the magic unfold on the Ninja's Creators Hub. + +Stay tuned for more updates and mark your calendars for the grand launch event. Let's make this a memorable and inspiring moment for our dojo community! \ No newline at end of file diff --git a/_posts/2020-01-12-powerful-things-markdown-editor.md b/_posts/2020-01-12-powerful-things-markdown-editor.md new file mode 100644 index 0000000..cbba3b1 --- /dev/null +++ b/_posts/2020-01-12-powerful-things-markdown-editor.md @@ -0,0 +1,49 @@ +--- +layout: post +title: "Powerful things you can do with the Markdown editor" +author: sal +categories: [ Jekyll, tutorial ] +image: assets/images/4.jpg +--- +There are lots of powerful things you can do with the Markdown editor + +If you've gotten pretty comfortable with writing in Markdown, then you may enjoy some more advanced tips about the types of things you can do with Markdown! + +As with the last post about the editor, you'll want to be actually editing this post as you read it so that you can see all the Markdown code we're using. + + +## Special formatting + +As well as bold and italics, you can also use some other special formatting in Markdown when the need arises, for example: + ++ ~~strike through~~ ++ ==highlight== ++ \*escaped characters\* + + +## Writing code blocks + +There are two types of code elements which can be inserted in Markdown, the first is inline, and the other is block. Inline code is formatted by wrapping any word or words in back-ticks, `like this`. Larger snippets of code can be displayed across multiple lines using triple back ticks: + +``` +.my-link { + text-decoration: underline; +} +``` + +If you want to get really fancy, you can even add syntax highlighting using Rouge. + + +![walking]({{ site.baseurl }}/assets/images/3.jpg) + +## Reference lists + +The quick brown jumped over the lazy. + +Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference. + +## Full HTML + +Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Markdown editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example: + +

\ No newline at end of file diff --git a/_posts/2020-01-12-red-riding.md b/_posts/2020-01-12-red-riding.md new file mode 100644 index 0000000..af27451 --- /dev/null +++ b/_posts/2020-01-12-red-riding.md @@ -0,0 +1,16 @@ +--- +layout: post +title: "Red Riding Hood" +author: sal +categories: [ Jekyll, tutorial ] +image: assets/images/3.jpg +--- +The first mass-produced book to deviate from a rectilinear format, at least in the United States, is thought to be this 1863 edition of Red Riding Hood, cut into the shape of the protagonist herself with the troublesome wolf curled at her feet. Produced by the Boston-based publisher Louis Prang, this is the first in their “Doll Series”, a set of five “die-cut” books, known also as shape books — the other titles being Robinson Crusoe, Goody Two-Shoes (also written by Red Riding Hood author Lydia Very), Cinderella, and King Winter. + +An 1868 Prang catalogue would later claim that such “books in the shape of a regular paper Doll… originated with us”. + +> It would seem the claim could also extend to die cut books in general, as we can’t find anything sooner, but do let us know in the comments if you have further light to shed on this! Such books are, of course, still popular in children’s publishing today, though the die cutting is not now limited to mere outlines, as evidenced in a beautiful 2014 version of the same Little Red Riding Hood story. + +The die cut has also been employed in the non-juvenile sphere as well, a recent example being Jonathan Safran Foer’s ambitious Tree of Codes. + +As for this particular rendition of Charles Perrault’s classic tale, the text and design is by Lydia Very (1823-1901), sister of Transcendentalist poet Jones Very. The gruesome ending of the original — which sees Little Red Riding Hood being gobbled up as well as her grandmother — is avoided here, the gore giving way to the less bloody aims of the morality tale, and the lesson that one should not disobey one’s mother. diff --git a/_sass/bootstrap/_alert.scss b/_sass/bootstrap/_alert.scss new file mode 100644 index 0000000..dd43e23 --- /dev/null +++ b/_sass/bootstrap/_alert.scss @@ -0,0 +1,51 @@ +// +// Base styles +// + +.alert { + position: relative; + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $alert-margin-bottom; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($close-font-size + $alert-padding-x * 2); + + // Adjust close link position + .close { + position: absolute; + top: 0; + right: 0; + padding: $alert-padding-y $alert-padding-x; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +@each $color, $value in $theme-colors { + .alert-#{$color} { + @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); + } +} diff --git a/_sass/bootstrap/_badge.scss b/_sass/bootstrap/_badge.scss new file mode 100644 index 0000000..b87a1b0 --- /dev/null +++ b/_sass/bootstrap/_badge.scss @@ -0,0 +1,47 @@ +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + display: inline-block; + padding: $badge-padding-y $badge-padding-x; + font-size: $badge-font-size; + font-weight: $badge-font-weight; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} + +// Pill badges +// +// Make them extra rounded with a modifier to replace v3's badges. + +.badge-pill { + padding-right: $badge-pill-padding-x; + padding-left: $badge-pill-padding-x; + @include border-radius($badge-pill-border-radius); +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} diff --git a/_sass/bootstrap/_breadcrumb.scss b/_sass/bootstrap/_breadcrumb.scss new file mode 100644 index 0000000..25b9d85 --- /dev/null +++ b/_sass/bootstrap/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `