Fix carbon

diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass
index 368dc640186db4227b88b5b3ee8d01fbadfc8092..4f8edb0159c1709a3f4c0569120b211317acc2b1 100644 (file)
--- a/docs/bulma-docs.sass
+++ b/docs/bulma-docs.sass
@@ -33,7 +33,10 @@ $carbon-space: 15px
 #carbon
   max-width: 340px
   min-height: 100px + ($carbon-space * 2)
-  padding: $carbon-space
+  padding: 0
+  position: relative
+  &:hover
+    box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $primary
   +tablet
     margin-left: auto
     margin-right: auto
@@ -41,23 +44,34 @@ $carbon-space: 15px
 
 #carbonads
   text-align: left
-  a:hover
-    text-decoration: underline
+  a,
   span
     display: block
+  .carbon-wrap
+    position: relative
   .carbon-img
     float: left
-    height: 100px
-    width: 130px
+    height: 130px
+    padding: 15px 0 15px 15px
+    width: 145px
     img
       display: block
+      height: 100px
+      width: 130px
   .carbon-text
     display: block
     color: $text-strong
-    margin-left: 130px + $carbon-space
+    line-height: 20px
+    padding: 15px 15px 35px 160px
   .carbon-poweredby
+    bottom: 0
+    color: $text-light
     font-size: $size-small
-    margin-left: $carbon-space
+    left: 160px
+    line-height: 20px
+    padding: 0 15px 10px 0
+    position: absolute
+    right: 0
 
 $github: #333333
 $twitter: #55acee

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 55898986ed5682778cfe067643d53e872079f4a3..d68441d2cc145ee043796a129261619c986bf975 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -6312,7 +6312,12 @@ svg {
 #carbon {
   max-width: 340px;
   min-height: 130px;
-  padding: 15px;
+  padding: 0;
+  position: relative;
+}
+
+#carbon:hover {
+  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
 }
 
 @media screen and (min-width: 769px) {
@@ -6327,33 +6332,44 @@ svg {
   text-align: left;
 }
 
-#carbonads a:hover {
-  text-decoration: underline;
-}
-
+#carbonads a,
 #carbonads span {
   display: block;
 }
 
+#carbonads .carbon-wrap {
+  position: relative;
+}
+
 #carbonads .carbon-img {
   float: left;
-  height: 100px;
-  width: 130px;
+  height: 130px;
+  padding: 15px 0 15px 15px;
+  width: 145px;
 }
 
 #carbonads .carbon-img img {
   display: block;
+  height: 100px;
+  width: 130px;
 }
 
 #carbonads .carbon-text {
   display: block;
   color: #363636;
-  margin-left: 145px;
+  line-height: 20px;
+  padding: 15px 15px 35px 160px;
 }
 
 #carbonads .carbon-poweredby {
+  bottom: 0;
+  color: #7a7a7a;
   font-size: 0.75rem;
-  margin-left: 15px;
+  left: 160px;
+  line-height: 20px;
+  padding: 0 15px 10px 0;
+  position: absolute;
+  right: 0;
 }
 
 #github {