gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-11-29 10:53:39 +00:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

Remove sass functions

Browse Source
This commit is contained in:
diondiondion 2025-10-23 16:43:12 +02:00
parent d74c2c38d5
commit 1325af662c
20 changed files with 3 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/styles/common.scss
View File

@ -1,4 +1,3 @@
@use 'mastodon/functions';
@use 'mastodon/mixins';
@use 'mastodon/variables';
@use 'fonts/roboto';

1
app/javascript/styles/contrast.scss
View File

@ -1,4 +1,3 @@
@use 'mastodon/functions';
@use 'mastodon/variables';
@use 'mastodon/css_variables';
@use 'common';

4
app/javascript/styles/mastodon-light.scss
View File

@ -1,4 +1,6 @@
@use 'mastodon-light/variables';
@use 'mastodon/variables' with (
$emojis-requiring-inversion: 'chains'
);
@use 'mastodon-light/css_variables';
@use 'common';
@use 'mastodon-light/diff';

14
app/javascript/styles/mastodon-light/variables.scss
View File

@ -1,14 +0,0 @@
@use 'sass:color';
@use '../mastodon/functions' with (
$darken-multiplier: 1,
$lighten-multiplier: -1
);
$white: #fff; // White
$blurple-500: #6364ff; // Brand purple
$grey-600: hsl(240deg, 8%, 33%); // Trout
@use '../mastodon/variables' with (
$emojis-requiring-inversion: 'chains'
);

23
app/javascript/styles/mastodon/_functions.scss
View File

@ -1,23 +0,0 @@
@use 'sass:color';
@use 'sass:string';
@use 'sass:meta';
$darken-multiplier: -1 !default;
$lighten-multiplier: 1 !default;
// Invert darkened and lightened colors
@function darken($color, $amount) {
@return color.adjust(
$color,
$lightness: $amount * $darken-multiplier,
$space: hsl
);
}
@function lighten($color, $amount) {
@return color.adjust(
$color,
$lightness: $amount * $lighten-multiplier,
$space: hsl
);
}

4
app/javascript/styles/mastodon/_theme_utils.scss
View File

@ -1,7 +1,3 @@
@function css-alpha($base-color, $amount) {
@return #{rgb(from $base-color r g b / $amount)};
}
@function css-mix($base-color, $mix-color, $amount) {
@return #{color-mix(in oklab, $base-color, $mix-color $amount)};
}

11
app/javascript/styles/mastodon/_variables.scss
View File

@ -1,17 +1,6 @@
@use 'sass:color';
@use 'functions' as *;
// Commonly used web colors
$black: #000; // Black
$white: #fff; // White
$red-600: #b7253d !default; // Deep Carmine
$red-500: #df405a !default; // Cerise
$blurple-600: #563acc; // Iris
$blurple-500: #6364ff; // Brand purple
$blurple-400: #7477fd; // Medium slate blue
$blurple-300: #858afa; // Faded Blue
$grey-600: hsl(240deg, 8%, 33%); // Trout
$grey-100: hsl(240deg, 51%, 90%); // Topaz
// Keep this filter a SCSS variable rather than
// a CSS Custom Property due to this Safari bug:

1
app/javascript/styles/mastodon/about.scss
View File

@ -1,5 +1,4 @@
@use 'variables' as *;
@use 'functions' as *;
$maximum-width: 1235px;
$fluid-breakpoint: $maximum-width + 20px;

1
app/javascript/styles/mastodon/accounts.scss
View File

@ -1,6 +1,5 @@
@use 'sass:color';
@use 'variables' as *;
@use 'functions' as *;
.card {
& > a {

1
app/javascript/styles/mastodon/admin.scss
View File

@ -1,6 +1,5 @@
@use 'sass:color';
@use 'sass:math';
@use 'functions' as *;
@use 'variables' as *;
$no-columns-breakpoint: 890px;

1
app/javascript/styles/mastodon/basics.scss
View File

@ -1,5 +1,4 @@
@use 'variables' as *;
@use 'functions' as *;
@use 'theme_utils' as *;
html.has-modal {

1
app/javascript/styles/mastodon/components.scss
View File

@ -1,6 +1,5 @@
@use 'sass:color';
@use 'variables' as *;
@use 'functions' as *;
@use 'mixins' as *;
.app-body {

1
app/javascript/styles/mastodon/dashboard.scss
View File

@ -1,4 +1,3 @@
@use 'functions' as *;
@use 'variables' as *;
.dashboard__counters {

1
app/javascript/styles/mastodon/emoji_picker.scss
View File

@ -1,5 +1,4 @@
@use 'variables' as *;
@use 'functions' as *;
.emoji-mart {
font-size: 13px;

1
app/javascript/styles/mastodon/forms.scss
View File

@ -1,6 +1,5 @@
@use 'sass:color';
@use 'variables' as *;
@use 'functions' as *;
code {
font-family: $font-monospace, monospace;

1
app/javascript/styles/mastodon/modal.scss
View File

@ -1,5 +1,4 @@
@use 'variables' as *;
@use 'functions' as *;
.modal-layout {
background: var(--clr-bg-accent-subtle);

1
app/javascript/styles/mastodon/polls.scss
View File

@ -1,6 +1,5 @@
@use 'sass:color';
@use 'variables' as *;
@use 'functions' as *;
.poll {
margin-top: 16px;

1
app/javascript/styles/mastodon/rtl.scss
View File

@ -1,4 +1,3 @@
@use 'functions' as *;
@use 'variables' as *;
body.rtl {

1
app/javascript/styles/mastodon/tables.scss
View File

@ -1,5 +1,4 @@
@use 'variables' as *;
@use 'functions' as *;
.table {
width: 100%;

2
app/javascript/styles/mastodon/widgets.scss
View File

@ -1,7 +1,5 @@
@use 'sass:color';
@use 'variables' as *;
@use 'functions' as *;
@use 'theme_utils' as *;
.directory {
&__tag {