From f1912b1d44d6462248635dfc44e3b986cd545d98 Mon Sep 17 00:00:00 2001 From: Patrik Svensson Date: Thu, 27 Aug 2020 13:57:25 +0200 Subject: [PATCH] Add initial docs --- docs/.gitignore | 39 + docs/Docs.csproj | 29 + docs/Docs.sln | 25 + docs/Program.cs | 34 + docs/input/_layout.cshtml | 212 +++ docs/input/_posts.cshtml | 42 + docs/input/_viewimports.cshtml | 7 + docs/input/_viewstart.cshtml | 3 + docs/input/assets/bootstrap/_alert.scss | 51 + docs/input/assets/bootstrap/_badge.scss | 54 + docs/input/assets/bootstrap/_breadcrumb.scss | 42 + .../input/assets/bootstrap/_button-group.scss | 163 +++ docs/input/assets/bootstrap/_buttons.scss | 139 ++ docs/input/assets/bootstrap/_card.scss | 278 ++++ docs/input/assets/bootstrap/_carousel.scss | 197 +++ docs/input/assets/bootstrap/_close.scss | 41 + docs/input/assets/bootstrap/_code.scss | 48 + .../input/assets/bootstrap/_custom-forms.scss | 521 ++++++++ docs/input/assets/bootstrap/_dropdown.scss | 191 +++ docs/input/assets/bootstrap/_forms.scss | 338 +++++ docs/input/assets/bootstrap/_functions.scss | 134 ++ docs/input/assets/bootstrap/_grid.scss | 69 + docs/input/assets/bootstrap/_images.scss | 42 + docs/input/assets/bootstrap/_input-group.scss | 191 +++ docs/input/assets/bootstrap/_jumbotron.scss | 17 + docs/input/assets/bootstrap/_list-group.scss | 158 +++ docs/input/assets/bootstrap/_media.scss | 8 + docs/input/assets/bootstrap/_mixins.scss | 47 + docs/input/assets/bootstrap/_modal.scss | 239 ++++ docs/input/assets/bootstrap/_nav.scss | 120 ++ docs/input/assets/bootstrap/_navbar.scss | 324 +++++ docs/input/assets/bootstrap/_pagination.scss | 73 ++ docs/input/assets/bootstrap/_popover.scss | 170 +++ docs/input/assets/bootstrap/_print.scss | 141 ++ docs/input/assets/bootstrap/_progress.scss | 46 + docs/input/assets/bootstrap/_reboot.scss | 482 +++++++ docs/input/assets/bootstrap/_root.scss | 20 + docs/input/assets/bootstrap/_spinners.scss | 55 + docs/input/assets/bootstrap/_tables.scss | 185 +++ docs/input/assets/bootstrap/_toasts.scss | 44 + docs/input/assets/bootstrap/_tooltip.scss | 115 ++ docs/input/assets/bootstrap/_transitions.scss | 20 + docs/input/assets/bootstrap/_type.scss | 125 ++ docs/input/assets/bootstrap/_utilities.scss | 17 + docs/input/assets/bootstrap/_variables.scss | 1143 +++++++++++++++++ .../assets/bootstrap/bootstrap-grid.scss | 29 + .../assets/bootstrap/bootstrap-reboot.scss | 12 + docs/input/assets/bootstrap/bootstrap.scss | 44 + .../input/assets/bootstrap/mixins/_alert.scss | 13 + .../bootstrap/mixins/_background-variant.scss | 22 + .../input/assets/bootstrap/mixins/_badge.scss | 17 + .../bootstrap/mixins/_border-radius.scss | 63 + .../assets/bootstrap/mixins/_box-shadow.scss | 20 + .../assets/bootstrap/mixins/_breakpoints.scss | 123 ++ .../assets/bootstrap/mixins/_buttons.scss | 110 ++ .../input/assets/bootstrap/mixins/_caret.scss | 62 + .../assets/bootstrap/mixins/_clearfix.scss | 7 + .../assets/bootstrap/mixins/_deprecate.scss | 10 + .../input/assets/bootstrap/mixins/_float.scss | 14 + .../input/assets/bootstrap/mixins/_forms.scss | 177 +++ .../assets/bootstrap/mixins/_gradients.scss | 45 + .../bootstrap/mixins/_grid-framework.scss | 71 + docs/input/assets/bootstrap/mixins/_grid.scss | 69 + .../input/assets/bootstrap/mixins/_hover.scss | 37 + .../input/assets/bootstrap/mixins/_image.scss | 36 + .../assets/bootstrap/mixins/_list-group.scss | 21 + .../input/assets/bootstrap/mixins/_lists.scss | 7 + .../assets/bootstrap/mixins/_nav-divider.scss | 11 + .../assets/bootstrap/mixins/_pagination.scss | 22 + .../assets/bootstrap/mixins/_reset-text.scss | 17 + .../assets/bootstrap/mixins/_resize.scss | 6 + .../bootstrap/mixins/_screen-reader.scss | 34 + docs/input/assets/bootstrap/mixins/_size.scss | 7 + .../assets/bootstrap/mixins/_table-row.scss | 39 + .../bootstrap/mixins/_text-emphasis.scss | 17 + .../assets/bootstrap/mixins/_text-hide.scss | 11 + .../bootstrap/mixins/_text-truncate.scss | 8 + .../assets/bootstrap/mixins/_transition.scss | 16 + .../assets/bootstrap/mixins/_visibility.scss | 8 + .../assets/bootstrap/utilities/_align.scss | 8 + .../bootstrap/utilities/_background.scss | 19 + .../assets/bootstrap/utilities/_borders.scss | 75 ++ .../assets/bootstrap/utilities/_clearfix.scss | 3 + .../assets/bootstrap/utilities/_display.scss | 26 + .../assets/bootstrap/utilities/_embed.scss | 39 + .../assets/bootstrap/utilities/_flex.scss | 51 + .../assets/bootstrap/utilities/_float.scss | 11 + .../assets/bootstrap/utilities/_overflow.scss | 5 + .../assets/bootstrap/utilities/_position.scss | 32 + .../bootstrap/utilities/_screenreaders.scss | 11 + .../assets/bootstrap/utilities/_shadows.scss | 6 + .../assets/bootstrap/utilities/_sizing.scss | 20 + .../assets/bootstrap/utilities/_spacing.scss | 73 ++ .../bootstrap/utilities/_stretched-link.scss | 19 + .../assets/bootstrap/utilities/_text.scss | 72 ++ .../bootstrap/utilities/_visibility.scss | 13 + docs/input/assets/bootstrap/vendor/_rfs.scss | 204 +++ docs/input/assets/css/styles.scss | 342 +++++ docs/input/assets/logo.svg | 69 + docs/input/docs/colors.md | 16 + docs/input/docs/console.md | 6 + docs/input/docs/grids.md | 6 + docs/input/docs/index.md | 26 + docs/input/docs/panels.md | 6 + docs/input/docs/quick-start.md | 25 + docs/input/docs/tables.md | 6 + docs/input/index.cshtml | 84 ++ docs/src/Constants.cs | 38 + docs/src/Extensions/BootstrapperExtensions.cs | 30 + docs/src/Extensions/DocumentExtensions.cs | 33 + docs/src/Extensions/StringExtensions.cs | 10 + docs/src/Models/Color.cs | 92 ++ docs/src/Models/ColorModel.cs | 14 + docs/src/Pipelines/ColorsPipeline.cs | 41 + docs/src/Pipelines/DeploymentPipeline.cs | 22 + docs/src/Shortcodes/ChildrenShortcode.cs | 34 + docs/src/Shortcodes/ColorTableShortcode.cs | 59 + 117 files changed, 9290 insertions(+) create mode 100644 docs/.gitignore create mode 100644 docs/Docs.csproj create mode 100644 docs/Docs.sln create mode 100644 docs/Program.cs create mode 100644 docs/input/_layout.cshtml create mode 100644 docs/input/_posts.cshtml create mode 100644 docs/input/_viewimports.cshtml create mode 100644 docs/input/_viewstart.cshtml create mode 100644 docs/input/assets/bootstrap/_alert.scss create mode 100644 docs/input/assets/bootstrap/_badge.scss create mode 100644 docs/input/assets/bootstrap/_breadcrumb.scss create mode 100644 docs/input/assets/bootstrap/_button-group.scss create mode 100644 docs/input/assets/bootstrap/_buttons.scss create mode 100644 docs/input/assets/bootstrap/_card.scss create mode 100644 docs/input/assets/bootstrap/_carousel.scss create mode 100644 docs/input/assets/bootstrap/_close.scss create mode 100644 docs/input/assets/bootstrap/_code.scss create mode 100644 docs/input/assets/bootstrap/_custom-forms.scss create mode 100644 docs/input/assets/bootstrap/_dropdown.scss create mode 100644 docs/input/assets/bootstrap/_forms.scss create mode 100644 docs/input/assets/bootstrap/_functions.scss create mode 100644 docs/input/assets/bootstrap/_grid.scss create mode 100644 docs/input/assets/bootstrap/_images.scss create mode 100644 docs/input/assets/bootstrap/_input-group.scss create mode 100644 docs/input/assets/bootstrap/_jumbotron.scss create mode 100644 docs/input/assets/bootstrap/_list-group.scss create mode 100644 docs/input/assets/bootstrap/_media.scss create mode 100644 docs/input/assets/bootstrap/_mixins.scss create mode 100644 docs/input/assets/bootstrap/_modal.scss create mode 100644 docs/input/assets/bootstrap/_nav.scss create mode 100644 docs/input/assets/bootstrap/_navbar.scss create mode 100644 docs/input/assets/bootstrap/_pagination.scss create mode 100644 docs/input/assets/bootstrap/_popover.scss create mode 100644 docs/input/assets/bootstrap/_print.scss create mode 100644 docs/input/assets/bootstrap/_progress.scss create mode 100644 docs/input/assets/bootstrap/_reboot.scss create mode 100644 docs/input/assets/bootstrap/_root.scss create mode 100644 docs/input/assets/bootstrap/_spinners.scss create mode 100644 docs/input/assets/bootstrap/_tables.scss create mode 100644 docs/input/assets/bootstrap/_toasts.scss create mode 100644 docs/input/assets/bootstrap/_tooltip.scss create mode 100644 docs/input/assets/bootstrap/_transitions.scss create mode 100644 docs/input/assets/bootstrap/_type.scss create mode 100644 docs/input/assets/bootstrap/_utilities.scss create mode 100644 docs/input/assets/bootstrap/_variables.scss create mode 100644 docs/input/assets/bootstrap/bootstrap-grid.scss create mode 100644 docs/input/assets/bootstrap/bootstrap-reboot.scss create mode 100644 docs/input/assets/bootstrap/bootstrap.scss create mode 100644 docs/input/assets/bootstrap/mixins/_alert.scss create mode 100644 docs/input/assets/bootstrap/mixins/_background-variant.scss create mode 100644 docs/input/assets/bootstrap/mixins/_badge.scss create mode 100644 docs/input/assets/bootstrap/mixins/_border-radius.scss create mode 100644 docs/input/assets/bootstrap/mixins/_box-shadow.scss create mode 100644 docs/input/assets/bootstrap/mixins/_breakpoints.scss create mode 100644 docs/input/assets/bootstrap/mixins/_buttons.scss create mode 100644 docs/input/assets/bootstrap/mixins/_caret.scss create mode 100644 docs/input/assets/bootstrap/mixins/_clearfix.scss create mode 100644 docs/input/assets/bootstrap/mixins/_deprecate.scss create mode 100644 docs/input/assets/bootstrap/mixins/_float.scss create mode 100644 docs/input/assets/bootstrap/mixins/_forms.scss create mode 100644 docs/input/assets/bootstrap/mixins/_gradients.scss create mode 100644 docs/input/assets/bootstrap/mixins/_grid-framework.scss create mode 100644 docs/input/assets/bootstrap/mixins/_grid.scss create mode 100644 docs/input/assets/bootstrap/mixins/_hover.scss create mode 100644 docs/input/assets/bootstrap/mixins/_image.scss create mode 100644 docs/input/assets/bootstrap/mixins/_list-group.scss create mode 100644 docs/input/assets/bootstrap/mixins/_lists.scss create mode 100644 docs/input/assets/bootstrap/mixins/_nav-divider.scss create mode 100644 docs/input/assets/bootstrap/mixins/_pagination.scss create mode 100644 docs/input/assets/bootstrap/mixins/_reset-text.scss create mode 100644 docs/input/assets/bootstrap/mixins/_resize.scss create mode 100644 docs/input/assets/bootstrap/mixins/_screen-reader.scss create mode 100644 docs/input/assets/bootstrap/mixins/_size.scss create mode 100644 docs/input/assets/bootstrap/mixins/_table-row.scss create mode 100644 docs/input/assets/bootstrap/mixins/_text-emphasis.scss create mode 100644 docs/input/assets/bootstrap/mixins/_text-hide.scss create mode 100644 docs/input/assets/bootstrap/mixins/_text-truncate.scss create mode 100644 docs/input/assets/bootstrap/mixins/_transition.scss create mode 100644 docs/input/assets/bootstrap/mixins/_visibility.scss create mode 100644 docs/input/assets/bootstrap/utilities/_align.scss create mode 100644 docs/input/assets/bootstrap/utilities/_background.scss create mode 100644 docs/input/assets/bootstrap/utilities/_borders.scss create mode 100644 docs/input/assets/bootstrap/utilities/_clearfix.scss create mode 100644 docs/input/assets/bootstrap/utilities/_display.scss create mode 100644 docs/input/assets/bootstrap/utilities/_embed.scss create mode 100644 docs/input/assets/bootstrap/utilities/_flex.scss create mode 100644 docs/input/assets/bootstrap/utilities/_float.scss create mode 100644 docs/input/assets/bootstrap/utilities/_overflow.scss create mode 100644 docs/input/assets/bootstrap/utilities/_position.scss create mode 100644 docs/input/assets/bootstrap/utilities/_screenreaders.scss create mode 100644 docs/input/assets/bootstrap/utilities/_shadows.scss create mode 100644 docs/input/assets/bootstrap/utilities/_sizing.scss create mode 100644 docs/input/assets/bootstrap/utilities/_spacing.scss create mode 100644 docs/input/assets/bootstrap/utilities/_stretched-link.scss create mode 100644 docs/input/assets/bootstrap/utilities/_text.scss create mode 100644 docs/input/assets/bootstrap/utilities/_visibility.scss create mode 100644 docs/input/assets/bootstrap/vendor/_rfs.scss create mode 100644 docs/input/assets/css/styles.scss create mode 100644 docs/input/assets/logo.svg create mode 100644 docs/input/docs/colors.md create mode 100644 docs/input/docs/console.md create mode 100644 docs/input/docs/grids.md create mode 100644 docs/input/docs/index.md create mode 100644 docs/input/docs/panels.md create mode 100644 docs/input/docs/quick-start.md create mode 100644 docs/input/docs/tables.md create mode 100644 docs/input/index.cshtml create mode 100644 docs/src/Constants.cs create mode 100644 docs/src/Extensions/BootstrapperExtensions.cs create mode 100644 docs/src/Extensions/DocumentExtensions.cs create mode 100644 docs/src/Extensions/StringExtensions.cs create mode 100644 docs/src/Models/Color.cs create mode 100644 docs/src/Models/ColorModel.cs create mode 100644 docs/src/Pipelines/ColorsPipeline.cs create mode 100644 docs/src/Pipelines/DeploymentPipeline.cs create mode 100644 docs/src/Shortcodes/ChildrenShortcode.cs create mode 100644 docs/src/Shortcodes/ColorTableShortcode.cs diff --git a/docs/.gitignore b/docs/.gitignore new file mode 100644 index 0000000..56a2f3a --- /dev/null +++ b/docs/.gitignore @@ -0,0 +1,39 @@ +[Bb]in/ +[Bb]uild/ +[Oo]bj/ +[Dd]ebug/ +[Rr]elease/ +[Pp]ackages/ +[Tt]ools/ +![Tt]ools/packages.config +[Oo]utput/ +![Ii]nput/ +nuget.exe +*.com +*.class +*.exe +*.o +*.so +*.user +Thumbs.db +_ReSharper* +*ReSharper.user +*dotCover +.JustCode +*.suo +.svn +ipch +*.ilk +*.sdf +*.opensdf +*.pdb +/*.~vsd +*UpgradeWizard* +.vs/* +TestResult.xml +/debug.log +/packages.xml +*.ncrunch* +.*crunch*.local.xml +/_NCrunch_Statiq.Framework +*.pfx \ No newline at end of file diff --git a/docs/Docs.csproj b/docs/Docs.csproj new file mode 100644 index 0000000..890536e --- /dev/null +++ b/docs/Docs.csproj @@ -0,0 +1,29 @@ + + + + Exe + netcoreapp3.1 + $(MSBuildProjectDirectory) + $(DefaultItemExcludes);output\**;.gitignore + + + + + + + + + + Never + + + Never + + + + + + + + + \ No newline at end of file diff --git a/docs/Docs.sln b/docs/Docs.sln new file mode 100644 index 0000000..2c71b39 --- /dev/null +++ b/docs/Docs.sln @@ -0,0 +1,25 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio Version 16 +VisualStudioVersion = 16.0.30011.22 +MinimumVisualStudioVersion = 10.0.40219.1 +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Docs", "Docs.csproj", "{C337F609-A890-4E52-BDA3-91658039B0E3}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {C337F609-A890-4E52-BDA3-91658039B0E3}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {C337F609-A890-4E52-BDA3-91658039B0E3}.Debug|Any CPU.Build.0 = Debug|Any CPU + {C337F609-A890-4E52-BDA3-91658039B0E3}.Release|Any CPU.ActiveCfg = Release|Any CPU + {C337F609-A890-4E52-BDA3-91658039B0E3}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection + GlobalSection(ExtensibilityGlobals) = postSolution + SolutionGuid = {2FB3922B-494A-45EB-A479-FC507B8E107C} + EndGlobalSection +EndGlobal diff --git a/docs/Program.cs b/docs/Program.cs new file mode 100644 index 0000000..eb4c582 --- /dev/null +++ b/docs/Program.cs @@ -0,0 +1,34 @@ +using System.Threading.Tasks; +using Docs.Shortcodes; +using Statiq.App; +using Statiq.Common; +using Statiq.Web; + +namespace Docs +{ + public static class Program + { + public static async Task Main(string[] args) => + await Bootstrapper.Factory + .CreateWeb(args) + .AddSetting(Constants.EditLink, ConfigureEditLink()) + .ConfigureSite("spectresystems", "spectre.console", "main") + .ConfigureDeployment(deployBranch: "docs") + .AddShortcode("Children", typeof(ChildrenShortcode)) + .AddShortcode("ColorTable", typeof(ColorTableShortcode)) + .AddPipelines() + .RunAsync(); + + private static Config ConfigureEditLink() + { + return Config.FromDocument((doc, ctx) => + { + return string.Format("https://github.com/{0}/{1}/edit/{2}/docs/input/{3}", + ctx.GetString(Constants.Site.Owner), + ctx.GetString(Constants.Site.Repository), + ctx.GetString(Constants.Site.Branch), + doc.Source.GetRelativeInputPath()); + }); + } + } +} diff --git a/docs/input/_layout.cshtml b/docs/input/_layout.cshtml new file mode 100644 index 0000000..fd9b35a --- /dev/null +++ b/docs/input/_layout.cshtml @@ -0,0 +1,212 @@ + + + + + + + + + + + + + + + + + + + + + + @{ + string title = @Document.ContainsKey(Keys.Title) ? $"Spectre.Console - {Document.GetString(Keys.Title)}" : "Spectre.Console"; + } + @title + + +
+ + @if (IsSectionDefined(Constants.Sections.Splash)) + { + @RenderSection(Constants.Sections.Splash, false) + } + @{ + string section = Document.Destination.Segments.Length > 1 ? Document.Destination.Segments[0].ToString() : null; + } + +
+ @if(section != null) + { +
+
+
+ @{ + string titleBarClasses = Document.GetBool(Constants.NoSidebar) ? string.Empty : "offset-md-3 offset-lg-2"; + } +
+
Spectre.Console
+
@(Document.GetString(Keys.Title) ?? Document.GetTitle())
+ @if (IsSectionDefined(Constants.Sections.Subtitle)) + { + @RenderSection(Constants.Sections.Subtitle, false) + } +
+
+
+
+
+
+
+ @if (Document.GetBool(Constants.NoSidebar)) + { +
+
+ } + else + { +
+
+
+
+ } +
+
+
+
+
+ } + +
+ @if (Document.GetBool(Constants.NoContainer)) + { +
+ @RenderBody() +
+ } + else + { +
+
+ @if (Document.GetBool(Constants.NoSidebar)) + { + IgnoreSection(Constants.Sections.Sidebar); + +
+ @RenderBody() +
+ } + else + { +
+ @if (IsSectionDefined(Constants.Sections.Sidebar)) + { + @RenderSection(Constants.Sections.Sidebar, false) + } + else + { + IDocument root = Outputs[nameof(Content)].First(x => x.Destination == section + "/index.html"); +
+ @Html.DocumentLink(root) +
+ + @foreach (IDocument document in root.GetChildren().OnlyVisible()) + { +
+ @Html.DocumentLink(document) +
+ + @if (document.HasVisibleChildren()) + { +
+ @foreach (IDocument child in document.GetChildren().OnlyVisible()) + { +
+ @Html.DocumentLink(child) +
+ } +
+ } + } + } +
+
+ @RenderBody() +
+ } +
+ @{ + IReadOnlyList headings = Document.GetDocumentList(Statiq.Html.HtmlKeys.Headings); + if (headings.Count > 0) + { +
+

On This Page

+ @foreach (IDocument heading in headings) + { +

@(await heading.GetContentStringAsync())

+ } +
+ } + } + @if (Document.ContainsKey("EditLink")) + { +

Edit This Page

+ } +
+
+
+ } +
+
+
+
+
+
© @DateTime.Today.Year Spectre Systems AB
+
+
+ + + \ No newline at end of file diff --git a/docs/input/_posts.cshtml b/docs/input/_posts.cshtml new file mode 100644 index 0000000..8303499 --- /dev/null +++ b/docs/input/_posts.cshtml @@ -0,0 +1,42 @@ +
+ @foreach (IDocument post in Document.GetChildren()) + { + IDocument topicDocument = Outputs[nameof(Archives)][$"blog/topics/{post.GetString("topic")}/index.html"]; + string excerpt = post.GetString(Statiq.Html.HtmlKeys.Excerpt); +
+
+
@post.GetString("Title")
+
+ @post.GetDateTime("Published").ToLongDateString() in + @topicDocument.GetTitle() +
+ @if (!string.IsNullOrEmpty(excerpt)) + { + @Html.Raw(excerpt) +

Read more...

+ } +
+
+ } + @{ + IDocument older = Document.GetDocument(Keys.Next); + IDocument newer = Document.GetDocument(Keys.Previous); + } + @if (older != null || newer != null) + { +
+
+ @if (older != null) + { + Older + } +
+
+ @if (newer != null) + { + Newer + } +
+
+ } +
\ No newline at end of file diff --git a/docs/input/_viewimports.cshtml b/docs/input/_viewimports.cshtml new file mode 100644 index 0000000..0ceab77 --- /dev/null +++ b/docs/input/_viewimports.cshtml @@ -0,0 +1,7 @@ +@using Statiq.Common +@using Statiq.Razor +@using Statiq.Web +@using Statiq.Web.Pipelines +@using Docs + +@inherits StatiqRazorPage \ No newline at end of file diff --git a/docs/input/_viewstart.cshtml b/docs/input/_viewstart.cshtml new file mode 100644 index 0000000..4b0dc6f --- /dev/null +++ b/docs/input/_viewstart.cshtml @@ -0,0 +1,3 @@ +@{ + Layout = @"/_layout.cshtml"; +} \ No newline at end of file diff --git a/docs/input/assets/bootstrap/_alert.scss b/docs/input/assets/bootstrap/_alert.scss new file mode 100644 index 0000000..da2a98a --- /dev/null +++ b/docs/input/assets/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/docs/input/assets/bootstrap/_badge.scss b/docs/input/assets/bootstrap/_badge.scss new file mode 100644 index 0000000..42c5d08 --- /dev/null +++ b/docs/input/assets/bootstrap/_badge.scss @@ -0,0 +1,54 @@ +// 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; + @include 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); + @include transition($badge-transition); + + @at-root a#{&} { + @include hover-focus() { + text-decoration: none; + } + } + + // 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/docs/input/assets/bootstrap/_breadcrumb.scss b/docs/input/assets/bootstrap/_breadcrumb.scss new file mode 100644 index 0000000..d748894 --- /dev/null +++ b/docs/input/assets/bootstrap/_breadcrumb.scss @@ -0,0 +1,42 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + @include font-size($breadcrumb-font-size); + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($breadcrumb-border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item { + padding-left: $breadcrumb-item-padding; + + &::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: escape-svg($breadcrumb-divider); + } + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `