mirror of
https://github.com/mastodon/mastodon.git
synced 2025-11-29 10:53:39 +00:00
Remove sass functions
This commit is contained in:
parent
d74c2c38d5
commit
1325af662c
|
|
@ -1,4 +1,3 @@
|
||||||
@use 'mastodon/functions';
|
|
||||||
@use 'mastodon/mixins';
|
@use 'mastodon/mixins';
|
||||||
@use 'mastodon/variables';
|
@use 'mastodon/variables';
|
||||||
@use 'fonts/roboto';
|
@use 'fonts/roboto';
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
@use 'mastodon/functions';
|
|
||||||
@use 'mastodon/variables';
|
@use 'mastodon/variables';
|
||||||
@use 'mastodon/css_variables';
|
@use 'mastodon/css_variables';
|
||||||
@use 'common';
|
@use 'common';
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,6 @@
|
||||||
@use 'mastodon-light/variables';
|
@use 'mastodon/variables' with (
|
||||||
|
$emojis-requiring-inversion: 'chains'
|
||||||
|
);
|
||||||
@use 'mastodon-light/css_variables';
|
@use 'mastodon-light/css_variables';
|
||||||
@use 'common';
|
@use 'common';
|
||||||
@use 'mastodon-light/diff';
|
@use 'mastodon-light/diff';
|
||||||
|
|
|
||||||
|
|
@ -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'
|
|
||||||
);
|
|
||||||
|
|
@ -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
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
@ -1,7 +1,3 @@
|
||||||
@function css-alpha($base-color, $amount) {
|
@function css-alpha($base-color, $amount) {
|
||||||
@return #{rgb(from $base-color r g b / $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)};
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,6 @@
|
||||||
@use 'sass:color';
|
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
// Commonly used web colors
|
// Commonly used web colors
|
||||||
$black: #000; // Black
|
$black: #000; // Black
|
||||||
$white: #fff; // White
|
$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
|
// Keep this filter a SCSS variable rather than
|
||||||
// a CSS Custom Property due to this Safari bug:
|
// a CSS Custom Property due to this Safari bug:
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
$maximum-width: 1235px;
|
$maximum-width: 1235px;
|
||||||
$fluid-breakpoint: $maximum-width + 20px;
|
$fluid-breakpoint: $maximum-width + 20px;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
& > a {
|
& > a {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'sass:math';
|
@use 'sass:math';
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
|
|
||||||
$no-columns-breakpoint: 890px;
|
$no-columns-breakpoint: 890px;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'theme_utils' as *;
|
@use 'theme_utils' as *;
|
||||||
|
|
||||||
html.has-modal {
|
html.has-modal {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'mixins' as *;
|
@use 'mixins' as *;
|
||||||
|
|
||||||
.app-body {
|
.app-body {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
|
|
||||||
.dashboard__counters {
|
.dashboard__counters {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
.emoji-mart {
|
.emoji-mart {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
code {
|
code {
|
||||||
font-family: $font-monospace, monospace;
|
font-family: $font-monospace, monospace;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
.modal-layout {
|
.modal-layout {
|
||||||
background: var(--clr-bg-accent-subtle);
|
background: var(--clr-bg-accent-subtle);
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
.poll {
|
.poll {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
|
|
||||||
body.rtl {
|
body.rtl {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,5 @@
|
||||||
@use 'sass:color';
|
@use 'sass:color';
|
||||||
@use 'variables' as *;
|
@use 'variables' as *;
|
||||||
@use 'functions' as *;
|
|
||||||
@use 'theme_utils' as *;
|
|
||||||
|
|
||||||
.directory {
|
.directory {
|
||||||
&__tag {
|
&__tag {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user