dave-dmg/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Masthead, CMDPalette and PostHeader Components

Browse Source
This commit is contained in:
Dave
2026-02-27 14:41:49 +01:00
parent f6eb9dd7e1
commit ee099346db
136 changed files with 3736 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/styles/mixins/borders.css Normal file
View File

@@ -0,0 +1,55 @@
@define-mixin border-l $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-left: $width $style $color;
}
@define-mixin border-r $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-right: $width $style $color;
}
@define-mixin border-t $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-top: $width $style $color;
}
@define-mixin border-b $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-bottom: $width $style $color;
}
@define-mixin border-x $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-right: $width $style $color;
border-left: $width $style $color;
}
@define-mixin border-y $width: var(--size-1), $style: solid,
$color: var(--color-surface-inverse) {
border-top: $width $style $color;
border-bottom: $width $style $color;
}
@define-mixin rounded-top $radius {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
@define-mixin rounded-bottom $radius {
border-bottom-right-radius: $radius;
border-bottom-left-radius: $radius;
}
@define-mixin rounded-left $radius {
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
@define-mixin rounded-right $radius {
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
@define-mixin circle {
border-radius: 50%;
}