]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Fix spacing
authorJeremy Thomas <bbxdesign@gmail.com>
Wed, 4 Apr 2018 14:00:45 +0000 (15:00 +0100)
committerJeremy Thomas <bbxdesign@gmail.com>
Wed, 4 Apr 2018 14:00:45 +0000 (15:00 +0100)
docs/_includes/index/intro.html
docs/_sass/index.sass
docs/_sass/sponsors.sass
docs/css/bulma-docs.css

index 25e9b0493e4f8c90ab7aee90ba04023b09d422e0..cc4b21715b16cc2e69efede6bd27895dd3a02c22 100644 (file)
         </div>
       </div>
 
-      <div class="intro-columns is-partners">
-        <div class="intro-column is-sponsor">
+      <div class="intro-partners">
+        <div class="intro-sponsor">
           {% include sponsor.html %}
         </div>
-        <div class="intro-column is-carbon">
+        <div class="intro-carbon">
           {% include carbon.html %}
         </div>
       </div>
index f99b7a7d8af01567e434c69a43bef55fecd9a194..2219f8af30e6ba44fbd8d79016991e2fb9fc356f 100644 (file)
     &:hover
       opacity: 1
 
+.intro-partners
+  margin-top: 6rem
+
+.intro-carbon
+  margin-top: 0.5rem
+
 +mobile
   .intro-buttons
     .button
     justify-content: space-between
 
 +touch
-  .intro-column.is-video,
-  .intro-column.is-carbon
+  .intro-column.is-video
     margin-top: 3rem
-  .intro-columns.is-partners
-    margin-top: 6rem
 
 +desktop
   .intro-columns
     display: flex
     justify-content: center
-    &.is-partners
-      align-items: center
-      margin-top: 3rem
   .intro-column
     width: calc(50% - 1.5rem)
-    &.is-content,
-    &.is-sponsor
+    &.is-content
       margin-right: 1.5rem
-    &.is-video,
-    &.is-carbon
+    &.is-video
       margin-left: 1.5rem
-  .intro-content,
-  .bd-sponsor
+  .intro-content
     max-width: 440px
   .intro-title
     margin-top: -11px
index a0de27626bf2486385ee3a7bdf3ae178b3279531..c13295acf180ccbf4a1ba8a96b41f8a5a45c54dd 100644 (file)
@@ -27,6 +27,9 @@
     align-items: center
     display: flex
     justify-content: center
-    margin: 0 10px 20px
-    width: 200px
+    margin: 1rem
+    width: 160px
+    img
+      max-height: 60px
+      width: auto
 
index 376b157d56afd586d2769991ed71630c1bd56b98..41cf657e8e283bfbbebc3a0d26f51950eab4aa4e 100644 (file)
@@ -11351,6 +11351,14 @@ svg {
   opacity: 1;
 }
 
+.intro-partners {
+  margin-top: 6rem;
+}
+
+.intro-carbon {
+  margin-top: 0.5rem;
+}
+
 @media screen and (max-width: 768px) {
   .intro-buttons .button {
     display: -webkit-box;
@@ -11381,13 +11389,9 @@ svg {
 }
 
 @media screen and (max-width: 1023px) {
-  .intro-column.is-video,
-  .intro-column.is-carbon {
+  .intro-column.is-video {
     margin-top: 3rem;
   }
-  .intro-columns.is-partners {
-    margin-top: 6rem;
-  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -11399,23 +11403,16 @@ svg {
         -ms-flex-pack: center;
             justify-content: center;
   }
-  .intro-columns.is-partners {
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    margin-top: 3rem;
-  }
   .intro-column {
     width: calc(50% - 1.5rem);
   }
-  .intro-column.is-content, .intro-column.is-sponsor {
+  .intro-column.is-content {
     margin-right: 1.5rem;
   }
-  .intro-column.is-video, .intro-column.is-carbon {
+  .intro-column.is-video {
     margin-left: 1.5rem;
   }
-  .intro-content,
-  .bd-sponsor {
+  .intro-content {
     max-width: 440px;
   }
   .intro-title {
@@ -13488,8 +13485,13 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  margin: 0 10px 20px;
-  width: 200px;
+  margin: 1rem;
+  width: 160px;
+}
+
+.bd-sponsor-list a img {
+  max-height: 60px;
+  width: auto;
 }
 
 @-webkit-keyframes fadeIn {