diff --git a/assets/css/style.css b/assets/css/style.css index d78703b..64e49ab 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 e9f1dcf..959edfd 100644 --- a/pages/components-tab.html +++ b/pages/components-tab.html @@ -566,6 +566,84 @@ +
+
+
+
+

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 @@ - + diff --git a/sources/pages/components-tab.html b/sources/pages/components-tab.html index c0caa0f..3a820cd 100644 --- a/sources/pages/components-tab.html +++ b/sources/pages/components-tab.html @@ -170,6 +170,84 @@ +
+
+
+
+

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 5354b5c..e024daf 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); + } + } + } +}