Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Refactor SCSS imports

Browse Source
This commit is contained in:
codecalm
2025-07-23 20:15:23 +02:00
parent 8947d7c7b7
commit ef23c7c1f6
5 changed files with 32 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/scss/mixins/_functions.scss
View File

@@ -1,3 +1,5 @@
@use "sass:color";
@function theme-color-lighter($color, $background: #fff) { @function theme-color-lighter($color, $background: #fff) {
@return mix($color, $background, 10%); @return mix($color, $background, 10%);
} }
@@ -93,4 +95,9 @@
$svg: str-replace($svg, '<svg', '<svg xmlns="http://www.w3.org/2000/svg"'); $svg: str-replace($svg, '<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
@return url('data:image/svg+xml;charset=UTF-8,#{$svg}'); @return url('data:image/svg+xml;charset=UTF-8,#{$svg}');
}
@function to-rgb($value) {
@return color.red($value), color.green($value), color.blue($value);
} }

9
preview/scss/_config.scss Normal file
View File

@@ -0,0 +1,9 @@
$prefix: "tblr-";
$demo-icon-size: 4rem;
$color-highlight-green: #b5f4a5;
$color-highlight-yellow: #ffe484;
$color-highlight-purple: #d9a9ff;
$color-highlight-red: #ff8383;
$color-highlight-blue: #93ddfd;
$color-highlight-gray: #a0aec0;

21
preview/scss/_highlight.scss
View File

@@ -1,16 +1,11 @@
$color-highlight-green: #b5f4a5; @use "config";
$color-highlight-yellow: #ffe484;
$color-highlight-purple: #d9a9ff;
$color-highlight-red: #ff8383;
$color-highlight-blue: #93ddfd;
$color-highlight-gray: #a0aec0;
pre.highlight, pre.highlight,
.highlight pre { .highlight pre {
max-height: 30rem; max-height: 30rem;
margin: 1.5rem 0; margin: 1.5rem 0;
overflow: auto; overflow: auto;
border-radius: var(--#{$prefix}border-radius); border-radius: var(--#{config.$prefix}border-radius);
} }
.highlight { .highlight {
@@ -21,10 +16,10 @@ pre.highlight,
padding: 0 !important; padding: 0 !important;
} }
.c, .c1 { color: $color-highlight-gray; } .c, .c1 { color: config.$color-highlight-gray; }
.nt, .nc, .nx { color: $color-highlight-red; } .nt, .nc, .nx { color: config.$color-highlight-red; }
.na, .p { color: $color-highlight-yellow; } .na, .p { color: config.$color-highlight-yellow; }
.s, .dl, .s2 { color: $color-highlight-green; } .s, .dl, .s2 { color: config.$color-highlight-green; }
.k { color: $color-highlight-blue; } .k { color: config.$color-highlight-blue; }
.s1, .mi { color: $color-highlight-purple; } .s1, .mi { color: config.$color-highlight-purple; }
} }

16
preview/scss/demo.scss
View File

@@ -1,6 +1,5 @@
$prefix: "tblr-"; @use "config";
@use "highlight";
@import "highlight";
.dropdown-menu-demo { .dropdown-menu-demo {
display: inline-block; display: inline-block;
@@ -45,7 +44,6 @@ $prefix: "tblr-";
} }
} }
$demo-icon-size: 4rem;
.demo-icons-list { .demo-icons-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -54,7 +52,7 @@ $demo-icon-size: 4rem;
list-style: none; list-style: none;
> * { > * {
flex: 1 0 $demo-icon-size; flex: 1 0 config.$demo-icon-size;
} }
} }
@@ -70,10 +68,8 @@ $demo-icon-size: 4rem;
aspect-ratio: 1; aspect-ratio: 1;
text-align: center; text-align: center;
padding: 0.5rem; padding: 0.5rem;
border-right: var(--#{$prefix}border-width) var(--#{$prefix}border-style) border-right: var(--#{config.$prefix}border-width) var(--#{config.$prefix}border-style) var(--#{config.$prefix}border-color);
var(--#{$prefix}border-color); border-bottom: var(--#{config.$prefix}border-width) var(--#{config.$prefix}border-style) var(--#{config.$prefix}border-color);
border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style)
var(--#{$prefix}border-color);
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
@@ -86,4 +82,4 @@ $demo-icon-size: 4rem;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
} }

4
shared/data/sri.json
View File

@@ -1,6 +1,6 @@
{ {
"css": "sha384-kz+I4+mczbNiZfLAJMxOlJaZmnbRYhARHNkR2k6tal4gz7OL33/0puDD3SvkiNX9", "css": "sha384-An/wz3SdsHjVEyb1y+Q7MwPz3YdJoVxmt+/CB0OdqSGBDnOWO+UL/hvgkrtlj4jo",
"css-rtl": "sha384-oBsMN4t4hqHp2yPeHCvYqwzbzTIQj7tW4JvGHxhmk14iAV8n8UWc8nl5PjfN0Cmp", "css-rtl": "sha384-RprtnnPRNE70SYFqGqYumwyYBsm4TWkKMjpRIG83xjdXJHtahpr3eRKHB6xhq7X8",
"css-flags": "sha384-kmvP0hkBXZ2hMSZlbvE1Q2HIXzPCQRL3ijUeqNiwaPd2nl2Aks+s3gW+V5fAHOX9", "css-flags": "sha384-kmvP0hkBXZ2hMSZlbvE1Q2HIXzPCQRL3ijUeqNiwaPd2nl2Aks+s3gW+V5fAHOX9",
"css-flags-rtl": "sha384-Q/h6koANGclsGnwB8rvF8h84H54NKHDeNWFj6yiE4WLLEXyHcz+Zu6Afkh2ssYTC", "css-flags-rtl": "sha384-Q/h6koANGclsGnwB8rvF8h84H54NKHDeNWFj6yiE4WLLEXyHcz+Zu6Afkh2ssYTC",
"css-marketing": "sha384-4dAlYnPzCom9yeC/5++PFq2FG/szJRlUPsDSrjZ3EWP8IAzK7g7rrsnSfqrS67Se", "css-marketing": "sha384-4dAlYnPzCom9yeC/5++PFq2FG/szJRlUPsDSrjZ3EWP8IAzK7g7rrsnSfqrS67Se",