diff --git a/assets/css/style.css b/assets/css/style.css index d78703bc9..64e49ab51 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1913,6 +1913,18 @@ a.dropdown-item { .tab-content > .tab-pane { line-height: 28px; } +ul.nav-tabs li.nav-item a.nav-link i { + color: #6777ef; } + +ul.nav-tabs li.nav-item a.nav-link span { + display: block; + line-height: 60%; } + ul.nav-tabs li.nav-item a.nav-link span i { + font-size: 16px !important; } + +ul.nav-tabs li.nav-item a.nav-link.active i { + color: #191d21; } + /* 3.21 Progress Bar */ .progress-bar { background-color: #6777ef; } diff --git a/pages/components-tab.html b/pages/components-tab.html index e9f1dcfca..959edfda7 100644 --- a/pages/components-tab.html +++ b/pages/components-tab.html @@ -566,6 +566,84 @@

2 Column

+
+
+
+
+

Icon Tab

+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. +
+
+ Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. +
+
+ Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. +
+
+
+
+
+
+
+
+

Icon Tab Bordered + Centered .justify-content-center

+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. +
+
+ Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. +
+
+ Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. +
+
+
+
+
+
@@ -581,7 +659,7 @@

2 Column

- + diff --git a/sources/pages/components-tab.html b/sources/pages/components-tab.html index c0caa0ff7..3a820cda8 100644 --- a/sources/pages/components-tab.html +++ b/sources/pages/components-tab.html @@ -170,6 +170,84 @@

2 Column

+
+
+
+
+

Icon Tab

+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. +
+
+ Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. +
+
+ Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. +
+
+
+
+
+
+
+
+

Icon Tab Bordered + Centered .justify-content-center

+
+
+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. +
+
+ Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui. +
+
+ Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor. +
+
+
+
+
+
{% endblock %} diff --git a/sources/scss/override/_tab.scss b/sources/scss/override/_tab.scss index 5354b5ceb..e024daf7b 100644 --- a/sources/scss/override/_tab.scss +++ b/sources/scss/override/_tab.scss @@ -7,4 +7,31 @@ > .tab-pane { line-height: 28px; } -} \ No newline at end of file +} + +ul.nav-tabs { + li.nav-item { + a.nav-link { + i { + color: color(primary); + } + span { + display: block; + line-height: 60%; + i { + font-size: 16px!important; + } + } + } + } +} + +ul.nav-tabs { + li.nav-item { + a.nav-link.active { + i { + color: color(dark); + } + } + } +}