setup
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
@mixin list-link-item {
|
||||
color: var(--color-text);
|
||||
border-bottom: 2px solid var(--color-border);
|
||||
|
||||
&:hover {
|
||||
border-bottom-color: var(--color-text-secondary);
|
||||
}
|
||||
}
|
||||
49
themes/hugo-theme-monochrome/assets/scss/mixins/margin.scss
Normal file
49
themes/hugo-theme-monochrome/assets/scss/mixins/margin.scss
Normal file
@@ -0,0 +1,49 @@
|
||||
@mixin my-0 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@mixin my-2 {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
@mixin my-4 {
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@mixin my-6 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
@mixin my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@mixin mx-auto {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@mixin mx-0 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
@mixin mx-1 {
|
||||
margin-left: 0.25rem;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
@mixin mx-2 {
|
||||
margin-left: .5rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
@mixin mx-4 {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
@mixin mx-6 {
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
@mixin mx-8 {
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
45
themes/hugo-theme-monochrome/assets/scss/mixins/padding.scss
Normal file
45
themes/hugo-theme-monochrome/assets/scss/mixins/padding.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
@mixin py-0 {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@mixin py-2 {
|
||||
padding-top: .5rem;
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
@mixin py-4 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@mixin py-6 {
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
@mixin py-8 {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
@mixin px-0 {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
@mixin px-2 {
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
}
|
||||
@mixin px-3 {
|
||||
padding-left: .75rem;
|
||||
padding-right: .75rem;
|
||||
}
|
||||
@mixin px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
@mixin px-6 {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
@mixin px-8 {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
56
themes/hugo-theme-monochrome/assets/scss/mixins/text.scss
Normal file
56
themes/hugo-theme-monochrome/assets/scss/mixins/text.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
@mixin text-xs {
|
||||
font-size: 0.75rem; /* 12px */
|
||||
line-height: 1rem; /* 16px */
|
||||
}
|
||||
@mixin text-sm {
|
||||
font-size: 0.875rem; /* 14px */
|
||||
line-height: 1.25rem; /* 20px */
|
||||
}
|
||||
@mixin text-base {
|
||||
font-size: 1rem; /* 16px */
|
||||
line-height: 1.5rem; /* 24px */
|
||||
}
|
||||
@mixin text-lg {
|
||||
font-size: 1.125rem; /* 18px */
|
||||
line-height: 1.75rem; /* 28px */
|
||||
}
|
||||
@mixin text-xl {
|
||||
font-size: 1.25rem; /* 20px */
|
||||
line-height: 1.75rem; /* 28px */
|
||||
}
|
||||
@mixin text-2xl {
|
||||
font-size: 1.375rem; /* 22px */
|
||||
line-height: 1.875rem; /* 30px */
|
||||
}
|
||||
@mixin text-3xl {
|
||||
font-size: 1.5rem; /* 24px */
|
||||
line-height: 2rem; /* 32px */
|
||||
}
|
||||
|
||||
@mixin font-thin {
|
||||
font-weight: 100;
|
||||
}
|
||||
@mixin font-extralight {
|
||||
font-weight: 200;
|
||||
}
|
||||
@mixin font-light {
|
||||
font-weight: 300;
|
||||
}
|
||||
@mixin font-normal {
|
||||
font-weight: 400;
|
||||
}
|
||||
@mixin font-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
@mixin font-semibold {
|
||||
font-weight: 600;
|
||||
}
|
||||
@mixin font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
@mixin font-extrabold {
|
||||
font-weight: 800;
|
||||
}
|
||||
@mixin font-black {
|
||||
font-weight: 900;
|
||||
}
|
||||
Reference in New Issue
Block a user