github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

improve text in scss

pull/3891/head
Daniel 2021-06-08 11:41:47 +05:30
parent 8f4c35f9f6
commit a65e7716e2
9 changed files with 27 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index2.html
View File

@ -696,7 +696,7 @@
<a href="#" class="nav-link"> <a href="#" class="nav-link">
United States of America United States of America
<span class="float-end text-danger"> <span class="float-end text-danger">
<i class="fas fa-arrow-down text-sm"></i> <i class="fas fa-arrow-down fs-7"></i>
12%</span> 12%</span>
</a> </a>
</li> </li>
@ -704,7 +704,7 @@
<a href="#" class="nav-link"> <a href="#" class="nav-link">
India India
<span class="float-end text-success"> <span class="float-end text-success">
<i class="fas fa-arrow-up text-sm"></i> 4% <i class="fas fa-arrow-up fs-7"></i> 4%
</span> </span>
</a> </a>
</li> </li>
@ -712,7 +712,7 @@
<a href="#" class="nav-link"> <a href="#" class="nav-link">
China China
<span class="float-end text-purple"> <span class="float-end text-purple">
<i class="fas fa-arrow-left text-sm"></i> 0% <i class="fas fa-arrow-left fs-7"></i> 0%
</span> </span>
</a> </a>
</li> </li>

4
src/index3.html
View File

@ -39,7 +39,7 @@
<div class="card-body"> <div class="card-body">
<div class="d-flex"> <div class="d-flex">
<p class="d-flex flex-column"> <p class="d-flex flex-column">
<span class="text-bold text-lg">820</span> <span class="fw-bold text-lg">820</span>
<span>Visitors Over Time</span> <span>Visitors Over Time</span>
</p> </p>
<p class="ms-auto d-flex flex-column text-end"> <p class="ms-auto d-flex flex-column text-end">
@ -186,7 +186,7 @@
<div class="card-body"> <div class="card-body">
<div class="d-flex"> <div class="d-flex">
<p class="d-flex flex-column"> <p class="d-flex flex-column">
<span class="text-bold text-lg">$18,230.00</span> <span class="fw-bold text-lg">$18,230.00</span>
<span>Sales Over Time</span> <span>Sales Over Time</span>
</p> </p>
<p class="ms-auto d-flex flex-column text-end"> <p class="ms-auto d-flex flex-column text-end">

24
src/partials/dashboard/_topbar.html
View File

@ -39,10 +39,10 @@
<div class="flex-grow-1"> <div class="flex-grow-1">
<h3 class="dropdown-item-title"> <h3 class="dropdown-item-title">
Brad Diesel Brad Diesel
<span class="float-end text-sm text-danger"><i class="fas fa-star"></i></span> <span class="float-end fs-7 text-danger"><i class="fas fa-star"></i></span>
</h3> </h3>
<p class="text-sm">Call me whenever you can...</p> <p class="fs-7">Call me whenever you can...</p>
<p class="text-sm text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p> <p class="fs-7 text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p>
</div> </div>
</div> </div>
<!-- Message End --> <!-- Message End -->
@ -57,10 +57,10 @@
<div class="flex-grow-1"> <div class="flex-grow-1">
<h3 class="dropdown-item-title"> <h3 class="dropdown-item-title">
John Pierce John Pierce
<span class="float-end text-sm text-muted"><i class="fas fa-star"></i></span> <span class="float-end fs-7 text-muted"><i class="fas fa-star"></i></span>
</h3> </h3>
<p class="text-sm">I got your message bro</p> <p class="fs-7">I got your message bro</p>
<p class="text-sm text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p> <p class="fs-7 text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p>
</div> </div>
</div> </div>
<!-- Message End --> <!-- Message End -->
@ -73,10 +73,10 @@
<div class="flex-grow-1"> <div class="flex-grow-1">
<h3 class="dropdown-item-title"> <h3 class="dropdown-item-title">
Nora Silvester Nora Silvester
<span class="float-end text-sm text-warning"><i class="fas fa-star"></i></span> <span class="float-end fs-7 text-warning"><i class="fas fa-star"></i></span>
</h3> </h3>
<p class="text-sm">The subject goes here</p> <p class="fs-7">The subject goes here</p>
<p class="text-sm text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p> <p class="fs-7 text-muted"><i class="far fa-clock me-1"></i> 4 Hours Ago</p>
</div> </div>
</div> </div>
<!-- Message End --> <!-- Message End -->
@ -96,17 +96,17 @@
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a href="#" class="dropdown-item"> <a href="#" class="dropdown-item">
<i class="fas fa-envelope me-2"></i> 4 new messages <i class="fas fa-envelope me-2"></i> 4 new messages
<span class="float-end text-muted text-sm">3 mins</span> <span class="float-end text-muted fs-7">3 mins</span>
</a> </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a href="#" class="dropdown-item"> <a href="#" class="dropdown-item">
<i class="fas fa-users me-2"></i> 8 friend requests <i class="fas fa-users me-2"></i> 8 friend requests
<span class="float-end text-muted text-sm">12 hours</span> <span class="float-end text-muted fs-7">12 hours</span>
</a> </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a href="#" class="dropdown-item"> <a href="#" class="dropdown-item">
<i class="fas fa-file me-2"></i> 3 new reports <i class="fas fa-file me-2"></i> 3 new reports
<span class="float-end text-muted text-sm">2 days</span> <span class="float-end text-muted fs-7">2 days</span>
</a> </a>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a> <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>

8
src/scss/_bootstrap-variables.scss
View File

@ -451,7 +451,8 @@ $h3-font-size: $font-size-base * 1.75 !default;
$h4-font-size: $font-size-base * 1.5 !default; $h4-font-size: $font-size-base * 1.5 !default;
$h5-font-size: $font-size-base * 1.25 !default; $h5-font-size: $font-size-base * 1.25 !default;
$h6-font-size: $font-size-base !default; $h6-font-size: $font-size-base !default;
$h7-font-size: $font-size-base * .75 !default; // adminlte-modified $h7-font-size: $font-size-sm !default; // adminlte-modified
$h8-font-size: $font-size-xs !default; // adminlte-modified
// scss-docs-end font-variables // scss-docs-end font-variables
// scss-docs-start font-sizes // scss-docs-start font-sizes
@ -462,8 +463,9 @@ $font-sizes: (
4: $h4-font-size, 4: $h4-font-size,
5: $h5-font-size, 5: $h5-font-size,
6: $h6-font-size, 6: $h6-font-size,
7: $h7-font-size 7: $h7-font-size, // adminlte-modified
) !default; // adminlte-modified 8: $h8-font-size // adminlte-modified
) !default;
// scss-docs-end font-sizes // scss-docs-end font-sizes
// scss-docs-start headings-variables // scss-docs-start headings-variables

2
src/scss/_cards.scss
View File

@ -272,7 +272,7 @@ html.maximized-card {
} }
} }
.text-sm { .fs-7 {
.card-title { .card-title {
font-size: $lte-card-title-font-size-sm; font-size: $lte-card-title-font-size-sm;
} }

2
src/scss/_dropdown.scss
View File

@ -12,7 +12,7 @@
// } // }
//} //}
.text-sm { .fs-7 {
.dropdown-menu { .dropdown-menu {
font-size: $font-size-sm !important; font-size: $font-size-sm !important;
} }

2
src/scss/_layout-fixed.scss
View File

@ -44,7 +44,7 @@
} }
} }
// .layout-fixed.text-sm .wrapper .sidebar { // .layout-fixed.fs-7 .wrapper .sidebar {
// // stylelint-disable-next-line // // stylelint-disable-next-line
// height: calc(100vh - (#{$lte-main-header-height-sm-inner} + #{$lte-main-header-bottom-border-width})); // height: calc(100vh - (#{$lte-main-header-height-sm-inner} + #{$lte-main-header-bottom-border-width}));
// } // }

4
src/scss/_main-footer.scss
View File

@ -10,8 +10,8 @@
padding: $lte-main-footer-padding; padding: $lte-main-footer-padding;
width: inherit; width: inherit;
// .text-sm &, // .fs-7 &,
// &.text-sm { // &.fs-7 {
// padding: $lte-main-footer-padding-sm; // padding: $lte-main-footer-padding-sm;
// } // }
} }

29
src/scss/_text.scss
View File

@ -2,35 +2,6 @@
// Component: Text // Component: Text
// //
// text modification
.text-bold {
&,
&.table td,
&.table th {
font-weight: 700;
}
}
.text-xs {
font-size: $font-size-xs !important;
}
.text-sm {
font-size: $font-size-sm !important;
}
.text-md {
font-size: $font-size-base !important;
}
.text-lg {
font-size: $font-size-lg !important;
}
.text-xl {
font-size: $font-size-xl !important;
}
// text color variations // text color variations
@each $name, $color in $colors { @each $name, $color in $colors {
.text-#{$name} { .text-#{$name} {