mirror of
https://github.com/godotengine/godot-website.git
synced 2025-12-31 09:48:43 +03:00
Add 4.3 release page (#882)
- Web development by Adam Scott with help from Emilio Coppola - Design template by Luis Carli - Visuals by Adam Scott with speial thanks to GDQuest, Kenney, and FR3NKD - Texts by Nathalie Galla & Adam Scott Co-authored-by: Nathalie Galla <murderveggie@gmail.com> Co-authored-by: luiscarli <git@luiscarli.com> Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com> Co-authored-by: Rémi Verschelde <rverschelde@gmail.com>
This commit is contained in:
36
_sass/common/_colors.scss
Normal file
36
_sass/common/_colors.scss
Normal file
@@ -0,0 +1,36 @@
|
||||
$color-godot-blue: #478CBF;
|
||||
|
||||
$color-code-symbol--light: #00009c;
|
||||
$color-code-symbol--dark: #ABC9FF;
|
||||
$color-code-keyword--light: #e62282;
|
||||
$color-code-keyword--dark: #FF7085;
|
||||
$color-code-controlflow--light: #bd1fcc;
|
||||
$color-code-controlflow--dark: #FF8CCC;
|
||||
$color-code-basetype--light: #009933;
|
||||
$color-code-basetype--dark: #42FFC2;
|
||||
$color-code-enginetype--light: #1c8c66;
|
||||
$color-code-enginetype--dark: #8FFFDB;
|
||||
$color-code-usertype--light: #2e7366;
|
||||
$color-code-usertype--dark: #C7FFED;
|
||||
$color-code-string--light: #996b00;
|
||||
$color-code-string--dark: #FFEDA1;
|
||||
$color-code-background--light: #ffffff;
|
||||
$color-code-background--dark: #1D2229;
|
||||
$color-code-text--light: #393939;
|
||||
$color-code-text--dark: #CDCFD2;
|
||||
$color-code-function--light: #0039e6;
|
||||
$color-code-function--dark: #57B3FF;
|
||||
$color-code-membervariable--light: #0066ad;
|
||||
$color-code-membervariable--dark: #BCE0FF;
|
||||
$color-code-gdscript-function--light: #009999;
|
||||
$color-code-gdscript-function--dark: #66E6FF;
|
||||
$color-code-gdscript-globalfunction--light: #5c2eb8;
|
||||
$color-code-gdscript-globalfunction--dark: #A3A3F5;
|
||||
$color-code-gdscript-nodepath--light: #2e8c00;
|
||||
$color-code-gdscript-nodepath--dark: #B8C47D;
|
||||
$color-code-gdscript-nodereference--light: #008000;
|
||||
$color-code-gdscript-nodereference--dark: #63C259;
|
||||
$color-code-gdscript-annotation--light: #cc5e00;
|
||||
$color-code-gdscript-annotation--dark: #FFB373;
|
||||
$color-code-gdscript-stringname--light: #cc8f73;
|
||||
$color-code-gdscript-stringname--dark: #FFC2A6;
|
||||
53
_sass/common/_release.scss
Normal file
53
_sass/common/_release.scss
Normal file
@@ -0,0 +1,53 @@
|
||||
@function offset-hue($color, $offset, $i: 1) {
|
||||
@return adjust-hue($color, $offset * $i);
|
||||
}
|
||||
|
||||
/**
|
||||
* From a list $sections (video, foundation, outstanding, _2d),
|
||||
* it will return a map of sections with the $base-category being assigned with
|
||||
* a specific $base-color, and will $offset each section by n degrees.
|
||||
*/
|
||||
@function r-generate-sections($sections, $base-category, $base-color, $offset) {
|
||||
$return-value: ();
|
||||
$base-category-i: index($sections, $base-category);
|
||||
@each $section in $sections {
|
||||
$i: index($sections, $section);
|
||||
$diff: $i - $base-category-i;
|
||||
$base-color-top: offset-hue($base-color, $offset, $diff);
|
||||
$base-color-bottom: adjust-color(offset-hue($base-color, $offset, $diff + 1), $lightness: -10);
|
||||
$color-top: adjust-color($base-color-top, $saturation: -10);
|
||||
$color-bottom: adjust-color($base-color-bottom, $saturation: -10);
|
||||
$color-selection: adjust-color($base-color-bottom, $saturation: -30);
|
||||
$color-invert: adjust-color($base-color-top, $hue: 180, $lightness: 0, $saturation: 30);
|
||||
$color-highlight: adjust-color($base-color-top, $lightness: 0, $saturation: 30);
|
||||
$color-highlight--dark: adjust-color($base-color-top, $lightness: 30, $saturation: 30);
|
||||
$color-invert-highlight: adjust-color($color-invert, $lightness: 20, $saturation: 30);
|
||||
$return-value: map-merge($return-value, (
|
||||
#{$section}: (
|
||||
color-top: $color-top,
|
||||
color-bottom: $color-bottom,
|
||||
color-selection: $color-selection,
|
||||
color-invert: $color-invert,
|
||||
color-highlight: $color-highlight,
|
||||
color-highlight--dark: $color-highlight--dark,
|
||||
color-invert-highlight: $color-invert-highlight
|
||||
)
|
||||
));
|
||||
}
|
||||
@return $return-value;
|
||||
}
|
||||
|
||||
@function r-desktop-mobile($sizes...) {
|
||||
@return (
|
||||
"desktop": nth($sizes, 1),
|
||||
"mobile": nth($sizes, 2)
|
||||
);
|
||||
}
|
||||
|
||||
@function r-get-desktop($value) {
|
||||
@return map-get($value, "desktop");
|
||||
}
|
||||
|
||||
@function r-get-mobile($value) {
|
||||
@return map-get($value, "mobile");
|
||||
}
|
||||
Reference in New Issue
Block a user