fix color

manim-kindergarten · Jan 31, 2021 · e3e59b2 · e3e59b2
1 parent b9a8152
commit e3e59b2
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 27 deletions.
diff --git a/shaders/source/_static/colors.css b/shaders/source/_static/colors.css
@@ -12,10 +12,6 @@ p.color-text-small {
  color: WHITE;
 }
 
-.color-container {
- float: left;
-}
-
 .colors {
  float: left;
  padding: 10px;

diff --git a/shaders/source/documentation/constants.rst b/shaders/source/documentation/constants.rst
@@ -105,79 +105,79 @@ manim使用三维坐标，并且用 ``ndarray`` 的类型
 
 .. raw:: html
 
- <div class="color-container">
+ <div style="float: left;">
  <h3>BLUE</h3>
  <div class="colors BLUE_E"><p class="color-text">BLUE_E</p></div>
  <div class="colors BLUE_D"><p class="color-text">BLUE_D</p></div>
  <div class="colors BLUE_C"><p class="color-text">BLUE_C</p></div>
  <div class="colors BLUE_B"><p class="color-text">BLUE_B</p></div>
  <div class="colors BLUE_A"><p class="color-text">BLUE_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>TEAL</h3>
  <div class="colors TEAL_E"><p class="color-text">TEAL_E</p></div>
  <div class="colors TEAL_D"><p class="color-text">TEAL_D</p></div>
  <div class="colors TEAL_C"><p class="color-text">TEAL_C</p></div>
  <div class="colors TEAL_B"><p class="color-text">TEAL_B</p></div>
  <div class="colors TEAL_A"><p class="color-text">TEAL_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>GREEN</h3>
  <div class="colors GREEN_E"><p class="color-text">GREEN_E</p></div>
  <div class="colors GREEN_D"><p class="color-text">GREEN_D</p></div>
  <div class="colors GREEN_C"><p class="color-text">GREEN_C</p></div>
  <div class="colors GREEN_B"><p class="color-text">GREEN_B</p></div>
  <div class="colors GREEN_A"><p class="color-text">GREEN_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>YELLOW</h3>
  <div class="colors YELLOW_E"><p class="color-text">YELLOW_E</p></div>
  <div class="colors YELLOW_D"><p class="color-text">YELLOW_D</p></div>
  <div class="colors YELLOW_C"><p class="color-text">YELLOW_C</p></div>
  <div class="colors YELLOW_B"><p class="color-text">YELLOW_B</p></div>
  <div class="colors YELLOW_A"><p class="color-text">YELLOW_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>GOLD</h3>
  <div class="colors GOLD_E"><p class="color-text">GOLD_E</p></div>
  <div class="colors GOLD_D"><p class="color-text">GOLD_D</p></div>
  <div class="colors GOLD_C"><p class="color-text">GOLD_C</p></div>
  <div class="colors GOLD_B"><p class="color-text">GOLD_B</p></div>
  <div class="colors GOLD_A"><p class="color-text">GOLD_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>RED</h3>
  <div class="colors RED_E"><p class="color-text">RED_E</p></div>
  <div class="colors RED_D"><p class="color-text">RED_D</p></div>
  <div class="colors RED_C"><p class="color-text">RED_C</p></div>
  <div class="colors RED_B"><p class="color-text">RED_B</p></div>
  <div class="colors RED_A"><p class="color-text">RED_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>MAROON</h3>
  <div class="colors MAROON_E"><p class="color-text">MAROON_E</p></div>
  <div class="colors MAROON_D"><p class="color-text">MAROON_D</p></div>
  <div class="colors MAROON_C"><p class="color-text">MAROON_C</p></div>
  <div class="colors MAROON_B"><p class="color-text">MAROON_B</p></div>
  <div class="colors MAROON_A"><p class="color-text">MAROON_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>PURPLE</h3>
  <div class="colors PURPLE_E"><p class="color-text">PURPLE_E</p></div>
  <div class="colors PURPLE_D"><p class="color-text">PURPLE_D</p></div>
  <div class="colors PURPLE_C"><p class="color-text">PURPLE_C</p></div>
  <div class="colors PURPLE_B"><p class="color-text">PURPLE_B</p></div>
  <div class="colors PURPLE_A"><p class="color-text">PURPLE_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>GREY</h3>
  <div class="colors GREY_E"><p class="color-text">GREY_E</p></div>
  <div class="colors GREY_D"><p class="color-text">GREY_D</p></div>
  <div class="colors GREY_C"><p class="color-text">GREY_C</p></div>
  <div class="colors GREY_B"><p class="color-text">GREY_B</p></div>
  <div class="colors GREY_A"><p class="color-text">GREY_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>Others</h3>
  <div class="colors WHITE"><p class="color-text" style="color: BLACK">WHITE</p></div>
  <div class="colors BLACK"><p class="color-text">BLACK</p></div>

diff --git a/source/assets/colors.css b/source/assets/colors.css
@@ -12,10 +12,6 @@ p.color-text-small {
  color: WHITE;
 }
 
-.color-container {
- float: left;
-}
-
 .colors {
  float: left;
  padding: 10px;

diff --git a/source/constants.rst b/source/constants.rst
@@ -175,71 +175,71 @@ manim使用三维坐标，并且用 ``ndarray`` 的类型
 
 .. raw:: html
 
- <div class="color-container">
+ <div style="float: left;">
  <h3>BLUE</h3>
  <div class="colors BLUE_E"><p class="color-text">BLUE_E</p></div>
  <div class="colors BLUE_D"><p class="color-text">BLUE_D</p></div>
  <div class="colors BLUE_C"><p class="color-text">BLUE_C</p></div>
  <div class="colors BLUE_B"><p class="color-text">BLUE_B</p></div>
  <div class="colors BLUE_A"><p class="color-text">BLUE_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>TEAL</h3>
  <div class="colors TEAL_E"><p class="color-text">TEAL_E</p></div>
  <div class="colors TEAL_D"><p class="color-text">TEAL_D</p></div>
  <div class="colors TEAL_C"><p class="color-text">TEAL_C</p></div>
  <div class="colors TEAL_B"><p class="color-text">TEAL_B</p></div>
  <div class="colors TEAL_A"><p class="color-text">TEAL_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>GREEN</h3>
  <div class="colors GREEN_E"><p class="color-text">GREEN_E</p></div>
  <div class="colors GREEN_D"><p class="color-text">GREEN_D</p></div>
  <div class="colors GREEN_C"><p class="color-text">GREEN_C</p></div>
  <div class="colors GREEN_B"><p class="color-text">GREEN_B</p></div>
  <div class="colors GREEN_A"><p class="color-text">GREEN_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>YELLOW</h3>
  <div class="colors YELLOW_E"><p class="color-text">YELLOW_E</p></div>
  <div class="colors YELLOW_D"><p class="color-text">YELLOW_D</p></div>
  <div class="colors YELLOW_C"><p class="color-text">YELLOW_C</p></div>
  <div class="colors YELLOW_B"><p class="color-text">YELLOW_B</p></div>
  <div class="colors YELLOW_A"><p class="color-text">YELLOW_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>GOLD</h3>
  <div class="colors GOLD_E"><p class="color-text">GOLD_E</p></div>
  <div class="colors GOLD_D"><p class="color-text">GOLD_D</p></div>
  <div class="colors GOLD_C"><p class="color-text">GOLD_C</p></div>
  <div class="colors GOLD_B"><p class="color-text">GOLD_B</p></div>
  <div class="colors GOLD_A"><p class="color-text">GOLD_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>RED</h3>
  <div class="colors RED_E"><p class="color-text">RED_E</p></div>
  <div class="colors RED_D"><p class="color-text">RED_D</p></div>
  <div class="colors RED_C"><p class="color-text">RED_C</p></div>
  <div class="colors RED_B"><p class="color-text">RED_B</p></div>
  <div class="colors RED_A"><p class="color-text">RED_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>MAROON</h3>
  <div class="colors MAROON_E"><p class="color-text">MAROON_E</p></div>
  <div class="colors MAROON_D"><p class="color-text">MAROON_D</p></div>
  <div class="colors MAROON_C"><p class="color-text">MAROON_C</p></div>
  <div class="colors MAROON_B"><p class="color-text">MAROON_B</p></div>
  <div class="colors MAROON_A"><p class="color-text">MAROON_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>PURPLE</h3>
  <div class="colors PURPLE_E"><p class="color-text">PURPLE_E</p></div>
  <div class="colors PURPLE_D"><p class="color-text">PURPLE_D</p></div>
  <div class="colors PURPLE_C"><p class="color-text">PURPLE_C</p></div>
  <div class="colors PURPLE_B"><p class="color-text">PURPLE_B</p></div>
  <div class="colors PURPLE_A"><p class="color-text">PURPLE_A</p></div>
  </div>
- <div class="color-container">
+ <div style="float: left;">
  <h3>Others</h3>
  <div class="colors WHITE"><p class="color-text" style="color: BLACK">WHITE</p></div>
  <div class="colors BLACK"><p class="color-text">BLACK</p></div>