nettoyage css

afup · Mar 9, 2019 · 11a3a1b · 11a3a1b
1 parent 0203bcd
commit 11a3a1b
Show file tree

Hide file tree

Showing 9 changed files with 51 additions and 59 deletions.
diff --git a/_includes/widgets/big_button.html b/_includes/widgets/big_button.html
@@ -1,22 +1 @@
-<style>
-    .big-button {
-        background-color: #ed0678;
-        width: 100%;
-        padding: 25px;
-        margin: 10px 0;
-        font-weight: bold;
-        text-align: center;
-        text-decoration: none;
-        display: block;
-        color: #fff;
-        border: 2px solid transparent;
-    }
-
-    .big-button:hover {
-        background-color: #fff;
-        border: 2px solid #ed0678;
-        color: #ed0678;
-    }
-</style>
-
 <a class="big-button" href="{{ include.url }}">{{ include.text }}</a>
diff --git a/_includes/widgets/meetup.html b/_includes/widgets/meetup.html
@@ -1,29 +1,3 @@
-<style>
-    .meetup-button {
-        background-color: #ed1c40;
-        width: 100%;
-        padding: 25px;
-        margin: 10px 0;
-        font-weight: bold;
-        text-align: center;
-        text-decoration: none;
-        display: block;
-        color: #fff;
-        border: 2px solid transparent;
-    }
-
-    .meetup-button i {
-        display: inline-block;
-        margin: 0 10px 0 0;
-    }
-
-    .meetup-button:hover {
-        background-color: #fff;
-        border: 2px solid #ed1c40;
-        color: #ed1c40;
-    }
-</style>
-
 <a class="meetup-button" href="{{ include.url }}">
     <i class="fab fa-meetup"></i>
     S&rsquo;inscrire / Consulter la page sur meetup.com

diff --git a/_includes/widgets/speakerdeck.html b/_includes/widgets/speakerdeck.html
@@ -1,7 +1 @@
-<style>
-    .speakerdeck-embeded {
-        margin: 10px auto;
-    }
-</style>
-
 <iframe class="speakerdeck-embeded" src="//speakerdeck.com/player/{{ include.id }}" width="584" height="438" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
diff --git a/_includes/widgets/youtube.html b/_includes/widgets/youtube.html
@@ -1,7 +1 @@
-<style>
-    .youtube-embeded {
-        margin: 10px auto;
-    }
-</style>
-
 <iframe class="youtube-embeded" width="584" height="329" src="https://www.youtube.com/embed/{{ include.id }}?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -12,6 +12,10 @@
 @import "layout/footer";
 @import "ui/prev-next";
 @import "ui/call-to-action";
+@import "ui/widgets/big-button";
+@import "ui/widgets/meetup";
+@import "ui/widgets/speakerdeck";
+@import "ui/widgets/youtube";
 @import "content-types/post";
 @import "content-types/index";
 @import "media-queries/media-queries";

diff --git a/_sass/ui/widgets/_big-button.scss b/_sass/ui/widgets/_big-button.scss
@@ -0,0 +1,18 @@
+.big-button {
+  background-color: #ed0678;
+  width: 100%;
+  padding: 25px;
+  margin: 10px 0;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: none;
+  display: block;
+  color: #fff;
+  border: 2px solid transparent;
+}
+
+.big-button:hover {
+  background-color: #fff;
+  border: 2px solid #ed0678;
+  color: #ed0678;
+}
diff --git a/_sass/ui/widgets/_meetup.scss b/_sass/ui/widgets/_meetup.scss
@@ -0,0 +1,23 @@
+.meetup-button {
+  background-color: #ed1c40;
+  width: 100%;
+  padding: 25px;
+  margin: 10px 0;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: none;
+  display: block;
+  color: #fff;
+  border: 2px solid transparent;
+}
+
+.meetup-button i {
+  display: inline-block;
+  margin: 0 10px 0 0;
+}
+
+.meetup-button:hover {
+  background-color: #fff;
+  border: 2px solid #ed1c40;
+  color: #ed1c40;
+}
diff --git a/_sass/ui/widgets/_speakerdeck.scss b/_sass/ui/widgets/_speakerdeck.scss
@@ -0,0 +1,3 @@
+.speakerdeck-embeded {
+  margin: 10px auto;
+}
diff --git a/_sass/ui/widgets/_youtube.scss b/_sass/ui/widgets/_youtube.scss
@@ -0,0 +1,3 @@
+.youtube-embeded {
+  margin: 10px auto;
+}