1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144
|
Description: Avoid use of compass
Compass is obsoleted by Sass and its reimplementation in C, sassc.
.
This patch avoids use of sass mixins border-radius and box-shadow
shipped in libraries part of Compass, and adapts build rules to use
sassc instead of Compass and YUI Compressor.
.
Sass mixins border-radius and box-shadow added vendored selectors now
obsolete: Would help only browsers released in 2011 or earlier, used by
0.02% of public web browsing today according to <https://caniuse.com/>.
.
If the reference Ruby implementation of Sass is preferred over sassc,
simply replace "sassc" with "scss" in the Makefile rule.
Author: Jonas Smedegaard <dr@jones.dk>
Last-Update: 2024-08-19
---
This patch header follows DEP-3: http://dep.debian.net/deps/dep3/
Index: doxygen/deps/jquery/Makefile
===================================================================
--- doxygen.orig/deps/jquery/Makefile
+++ doxygen/deps/jquery/Makefile
@@ -29,12 +29,9 @@ doxmenu-min.css: sm-core-css.css \
sass/_round-corners-last-item.scss \
sass/_sm-dox.scss \
sass/_sub-items-indentation.scss
- compass compile --css-dir . --force sass/sm-dox.scss
- cat sm-core-css.css sm-dox.css > doxmenu.css
- $(UGLIFYCSS) doxmenu.css > doxmenu-min.css
+ cat sm-core-css.css sass/sm-dox.scss | sassc -I sass --style compressed > doxmenu-min.css
$(UGLIFYJS) -O max_line_len=1024,comments=true jquery.js > jquery-min.js
mv jquery-min.js jquery.js
- rm -f sm-dox.css doxmenu.css
clean:
rm -rf $(RESULTS) doxmenu.css .sass-cache
Index: doxygen/deps/jquery/sass/_round-corners-last-item.scss
===================================================================
--- doxygen.orig/deps/jquery/sass/_round-corners-last-item.scss
+++ doxygen/deps/jquery/sass/_round-corners-last-item.scss
@@ -8,7 +8,7 @@
$selector: $selector + ', ' + $chain + ' a, ' + $chain + '*:not(ul) a, ' + $chain + ' ul';
}
#{$selector} {
- @include border-radius(0 0 $amount $amount);
+ border-radius: 0 0 $amount $amount;
}
// highlighted items, don't need rounding since their sub is open
$chain: $chain_prefix;
@@ -18,6 +18,6 @@
$selector: $selector + ', ' + $chain + ' a.highlighted, ' + $chain + '*:not(ul) a.highlighted';
}
#{$selector} {
- @include border-radius(0);
+ border-radius: 0;
}
}
Index: doxygen/deps/jquery/sass/_sm-dox.scss
===================================================================
--- doxygen.orig/deps/jquery/sass/_sm-dox.scss
+++ doxygen/deps/jquery/sass/_sm-dox.scss
@@ -1,5 +1,3 @@
-@import 'compass';
-
// This file is best viewed with Tab size 4 code indentation
@@ -164,7 +162,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
// Main menu box
.sm-dox {
background-color: $sm-dox__collapsible-bg;
- //@include border-radius($sm-dox__collapsible-border-radius);
+ //border-radius: $sm-dox__collapsible-border-radius;
// Main menu items
a {
@@ -209,7 +207,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
font: bold #{$sm-dox__font-size-small}/#{$sm-dox__toggle-size} monospace !important;
text-align: center;
text-shadow: none;
- @include border-radius($sm-dox__border-radius);
+ border-radius: $sm-dox__border-radius;
}
& span.sub-arrow:before {
display: block;
@@ -224,10 +222,10 @@ $sm-dox__toggle-spacing: floor($sm-dox__
// round the corners of the first item
> li:first-child > a, > li:first-child > :not(ul) a {
- @include border-radius($sm-dox__collapsible-border-radius $sm-dox__collapsible-border-radius 0 0);
+ border-radius: $sm-dox__collapsible-border-radius $sm-dox__collapsible-border-radius 0 0;
}
// round the corners of the last item
- @include sm-dox__round-corners-last-item($sm-dox__collapsible-border-radius);
+ sm-dox__round-corners-last-item: $sm-dox__collapsible-border-radius;
// Main menu items separators
//li {
@@ -266,7 +264,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
}
// Add indentation for sub menus text for deeper levels
- @include sm-dox__sub-items-indentation($sm-dox__collapsible-sub-item-indentation);
+ sm-dox__sub-items-indentation: $sm-dox__collapsible-sub-item-indentation;
}
}
@@ -298,7 +296,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
background-color: $sm-dox__desktop-bg;
line-height: 36px;
//border-bottom: 1px solid var(--nav-border-color);
- //@include border-radius($sm-dox__desktop-border-radius);
+ //border-radius: $sm-dox__desktop-border-radius;
// Main menu items
a {
@@ -316,7 +314,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
border-right: 2px solid var(--nav-arrow-color);
border-bottom: 2px solid var(--nav-arrow-color);
transform: rotate(45deg);
- @include border-radius(0);
+ border-radius: 0;
}
&,
@@ -375,8 +373,8 @@ $sm-dox__toggle-spacing: floor($sm-dox__
border: $sm-dox__border-width solid $sm-dox__gray-dark;
padding: $sm-dox__desktop-sub-padding-vertical $sm-dox__desktop-sub-padding-horizontal;
background: $sm-dox__desktop-sub-bg;
- @include border-radius($sm-dox__desktop-sub-border-radius !important);
- @include box-shadow($sm-dox__desktop-sub-box-shadow);
+ border-radius: $sm-dox__desktop-sub-border-radius !important;
+ box-shadow: $sm-dox__desktop-sub-box-shadow;
// Sub menus items
a {
@@ -519,7 +517,7 @@ $sm-dox__toggle-spacing: floor($sm-dox__
// Main menu box
&.sm-vertical {
padding: $sm-dox__desktop-vertical-padding-vertical 0;
- @include border-radius($sm-dox__desktop-vertical-border-radius);
+ border-radius: $sm-dox__desktop-vertical-border-radius;
// Main menu items
a {
|