Render bash and powershell prompts with ::before.

Rajan · Oct 10, 2016 · 3ae450e · 3ae450e
1 parent 4493701
commit 3ae450e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/docs/assets/scss/_syntax.scss b/docs/assets/scss/_syntax.scss
@@ -61,3 +61,6 @@
 .css .o,
 .css .o + .nt,
 .css .nt + .nt { color: #999; }
+
+.language-bash::before { color: #009; content: "$ "; user-select: none; }
+.language-powershell::before { color: #009; content: "PM> "; user-select: none; }
diff --git a/docs/getting-started/contents.md b/docs/getting-started/contents.md
@@ -13,7 +13,7 @@ Once downloaded, unzip the compressed folder and you'll see something like this:
 
 <!-- NOTE: This info is intentionally duplicated in the README. Copy any changes made here over to the README too. -->
 
-{% highlight bash %}
+{% highlight plaintext %}
 bootstrap/
 ├── css/
 │   ├── bootstrap.css
@@ -31,7 +31,7 @@ This is the most basic form of Bootstrap: precompiled files for quick drop-in us
 
 The Bootstrap source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:
 
-{% highlight bash %}
+{% highlight plaintext %}
 bootstrap/
 ├── dist/
 │   ├── css/

diff --git a/docs/getting-started/download.md b/docs/getting-started/download.md
@@ -25,7 +25,7 @@ Pull in Bootstrap's **source files** into nearly any project with some of the mo
 Install Bootstrap in your Node powered apps with [the npm package](https://www.npmjs.org/package/bootstrap):
 
 {% highlight bash %}
-$ npm install bootstrap@{{ site.current_version }}
+npm install bootstrap@{{ site.current_version }}
 {% endhighlight %}
 
 `require('bootstrap')` will load all of Bootstrap's jQuery plugins onto the jQuery object. The `bootstrap` module itself does not export anything. You can manually load Bootstrap's jQuery plugins individually by loading the `/js/*.js` files under the package's top-level directory.
@@ -46,40 +46,43 @@ gem 'bootstrap', '~> 4.0.0.alpha3'
 Alternatively, if you're not using Bundler, you can install the gem by running this command:
 
 {% highlight bash %}
-$ gem install bootstrap -v 4.0.0.alpha3
+gem install bootstrap -v 4.0.0.alpha3
 {% endhighlight %}
 
 [See the gem's README](https://github.com/twbs/bootstrap-rubygem/blob/master/README.md) for further details.
 
 ### Meteor
 
 {% highlight bash %}
-$ meteor add twbs:bootstrap@={{ site.current_version }}
+meteor add twbs:bootstrap@={{ site.current_version }}
 {% endhighlight %}
 
 ### Composer
 
 You can also install and manage Bootstrap's Sass and JavaScript using [Composer](https://getcomposer.org):
 
 {% highlight bash %}
-$ composer require twbs/bootstrap:{{ site.current_version }}
+composer require twbs/bootstrap:{{ site.current_version }}
 {% endhighlight %}
 
 ### Bower
 
 Install and manage Bootstrap's Sass and JavaScript using [Bower](https://bower.io).
 
 {% highlight bash %}
-$ bower install bootstrap#v{{ site.current_version }}
+bower install bootstrap#v{{ site.current_version }}
 {% endhighlight %}
 
 ### NuGet
 
 If you develop in .NET, you can also install and manage Bootstrap's [CSS](https://www.nuget.org/packages/bootstrap/) or [Sass](https://www.nuget.org/packages/bootstrap.sass/) and JavaScript using [NuGet](https://www.nuget.org):
 
 {% highlight powershell %}
-PM> Install-Package bootstrap -Pre
-PM> Install-Package bootstrap.sass -Pre
+Install-Package bootstrap -Pre
+{% endhighlight %}
+
+{% highlight powershell %}
+Install-Package bootstrap.sass -Pre
 {% endhighlight %}
 
 The `-Pre` is required until Bootstrap v4 has a stable release.