Skip to content
GitLab
    • Explore Projects Groups Snippets
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !27211

Creates variables for navbar brand colors

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Administrator requested to merge v4-dev-andres-navbar-brand-color into v4-dev 6 years ago
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 2

Created by: andresgalante

This PR allows authors to customize the navbar Brand color independent from the link color by creating variables for navbar brand.

closes #27187 (closed)

Compare
  • v4-dev (base)

and
  • latest version
    fbf6e678
    1 commit, 2 years ago

2 files
+ 9
- 4

    Preferences

    File browser
    Compare changes
sc‎ss‎
_navba‎r.scss‎ +4 -4
_variab‎les.scss‎ +5 -0
scss/_navbar.scss
+ 4
- 4
  • View file @ fbf6e678

  • Edit in single-file editor

  • Open in Web IDE


@@ -197,10 +197,10 @@
// Dark links against a light background
.navbar-light {
.navbar-brand {
color: $navbar-light-active-color;
color: $navbar-light-brand-color;
@include hover-focus {
color: $navbar-light-active-color;
color: $navbar-light-brand-hover-color;
}
}
@@ -249,10 +249,10 @@
// White links against a dark background
.navbar-dark {
.navbar-brand {
color: $navbar-dark-active-color;
color: $navbar-dark-brand-color;
@include hover-focus {
color: $navbar-dark-active-color;
color: $navbar-dark-brand-hover-color;
}
}
scss/_variables.scss
+ 5
- 0
  • View file @ fbf6e678

  • Edit in single-file editor

  • Open in Web IDE


@@ -686,6 +686,11 @@ $navbar-light-disabled-color: rgba($black, .3) !default;
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
$navbar-light-toggler-border-color: rgba($black, .1) !default;
$navbar-light-brand-color: $navbar-light-active-color !default;
$navbar-light-brand-hover-color: $navbar-light-active-color !default;
$navbar-dark-brand-color: $navbar-dark-active-color !default;
$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
// Pagination
0 Assignees
None
Assign to
0 Reviewers
None
Request review from
Labels
2
css v4
2
css v4
    Assign labels
  • Manage project labels

Milestone
No milestone
None
None
Time tracking
No estimate or time spent
Lock merge request
Unlocked
2
2 participants
Administrator
Mark Otto
Reference: twbs/bootstrap!27211
Source branch: v4-dev-andres-navbar-brand-color

Menu

Explore Projects Groups Snippets