Merge pull request #4752 from ClementChaumel/remove-surus

Remove Suru strips
canonical · Apr 28, 2023 · bd04ea6 · bd04ea6
2 parents 9a4fb40 + 52853cd
commit bd04ea6
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 24 deletions.
diff --git a/scss/docs/site.scss b/scss/docs/site.scss
@@ -1,18 +1,5 @@
 @charset 'utf-8';
 
-// settings
-
-// colors for Vanilla-branded suru strips
-$color-brand: #d94b14;
-
-$color-suru-start: $color-brand;
-$color-suru-middle: $color-brand;
-$color-suru-end: $color-brand;
-
-$color-suru-slant-right: rgba(229, 229, 229, 0.5);
-$color-suru-slant-left: rgba(233, 84, 32, 0.2);
-$color-suru-slant-left-fallback: $color-suru-slant-left;
-
 // import vanilla
 @import '../build';
 

diff --git a/templates/404.html b/templates/404.html
@@ -1,7 +1,7 @@
 {% extends "_layouts/site.html" %}
 
 {% block content %}
-<div id="main-content" class="p-strip--suru-topped">
+<div id="main-content" class="p-strip">
   <div class="row">
     <div class="col 12">
       <h1 class="u-no-margin--bottom">404 - Page not found</h1>

diff --git a/templates/500.html b/templates/500.html
@@ -1,7 +1,7 @@
 {% extends "_layouts/site.html" %}
 
 {% block content %}
-<div id="main-content" class="p-strip--suru-topped">
+<div id="main-content" class="p-strip">
   <div class="row">
     <div class="col 12">
       <h1 class="u-no-margin--bottom">500 - Internal server error</h1>

diff --git a/templates/accessibility.html b/templates/accessibility.html
@@ -5,7 +5,7 @@
 {% block copydoc %}https://docs.google.com/document/d/1_cCvuHSwS9i0pzD_4WHDFoTenVAfZVr9qGxG-rSHHGY/edit{% endblock %}
 
 {% block content %}
-<div id="main-content" class="p-strip--suru-topped l-full-width">
+<div id="main-content" class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-12">

diff --git a/templates/browser-support.html b/templates/browser-support.html
@@ -6,7 +6,7 @@
 
 
 {% block content %}
-<div id="main-content" class="p-strip--suru-topped l-full-width">
+<div id="main-content" class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-6">

diff --git a/templates/contribute.html b/templates/contribute.html
@@ -5,7 +5,7 @@
 {% block copydoc %}https://docs.google.com/document/d/1FIYkjR9Xu6Or0WUCi6EQGaZsiTq8ESk8Kv39CW4kkwo/edit{% endblock %}
 
 {% block content %}
-<div id="main-content" class="p-strip--suru-topped l-full-width">
+<div id="main-content" class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-12">

diff --git a/templates/index.html b/templates/index.html
@@ -6,7 +6,7 @@
 {% block content %}
 <script defer src="https://buttons.github.io/buttons.js"></script>
 
-<div id="main-content" class="p-strip--suru is-deep l-full-width">
+<div id="main-content" class="p-strip is-deep l-full-width">
   <div class="l-main">
     <div class="u-fixed-width">
       <h1>A simple, extensible CSS framework</h1>
@@ -23,9 +23,10 @@ <h1>A simple, extensible CSS framework</h1>
   </div>
 </div>
 
-<div class="p-strip is-deep l-full-width">
+<div class="p-section l-full-width">
   <div class="l-main">
     <div class="row">
+      <hr />
       <div class="col-4 col-medium-2">
         <div class="p-heading-icon">
           <div class="p-heading-icon__header is-stacked">
@@ -92,7 +93,7 @@ <h2 class="p-heading-icon__title">Open source</h2>
   </div>
 </div>
 
-<div id="quick-start" class="p-strip is-deep l-full-width">
+<div id="quick-start" class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-12">
@@ -120,7 +121,7 @@ <h2>Quick start</h2>
   </div>
 </div>
 
-<div class="p-strip is-deep l-full-width">
+<div class="p-strip l-full-width">
   <div class="l-main">
     <div class="row u-equal-height">
       <div class="col-6 col-medium-3">
@@ -158,7 +159,7 @@ <h2>Guidelines</h2>
   </div>
 </div>
 
-<div class="p-strip is-deep l-full-width">
+<div class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-4 col-medium-2">
@@ -198,7 +199,7 @@ <h3 class="p-heading-icon__title">Vanilla Design</h3>
   </div>
 </div>
 
-<div class="p-strip is-deep l-full-width">
+<div class="p-strip l-full-width">
   <div class="l-main">
     <div class="row">
       <div class="col-4">