Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix spacing

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-04 15:00:45 +01:00
parent a831fd9524
commit 3eecaa6985
4 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_includes/index/intro.html
View File

@@ -48,11 +48,11 @@
</div> </div>
</div> </div>
<div class="intro-columns is-partners"> <div class="intro-partners">
<div class="intro-column is-sponsor"> <div class="intro-sponsor">
{% include sponsor.html %} {% include sponsor.html %}
</div> </div>
<div class="intro-column is-carbon"> <div class="intro-carbon">
{% include carbon.html %} {% include carbon.html %}
</div> </div>
</div> </div>

23
docs/_sass/index.sass
View File

@@ -145,6 +145,12 @@
&:hover &:hover
opacity: 1 opacity: 1
.intro-partners
margin-top: 6rem
.intro-carbon
margin-top: 0.5rem
+mobile +mobile
.intro-buttons .intro-buttons
.button .button
@@ -162,29 +168,20 @@
justify-content: space-between justify-content: space-between
+touch +touch
.intro-column.is-video, .intro-column.is-video
.intro-column.is-carbon
margin-top: 3rem margin-top: 3rem
.intro-columns.is-partners
margin-top: 6rem
+desktop +desktop
.intro-columns .intro-columns
display: flex display: flex
justify-content: center justify-content: center
&.is-partners
align-items: center
margin-top: 3rem
.intro-column .intro-column
width: calc(50% - 1.5rem) width: calc(50% - 1.5rem)
&.is-content, &.is-content
&.is-sponsor
margin-right: 1.5rem margin-right: 1.5rem
&.is-video, &.is-video
&.is-carbon
margin-left: 1.5rem margin-left: 1.5rem
.intro-content, .intro-content
.bd-sponsor
max-width: 440px max-width: 440px
.intro-title .intro-title
margin-top: -11px margin-top: -11px

7
docs/_sass/sponsors.sass
View File

@@ -27,6 +27,9 @@
align-items: center align-items: center
display: flex display: flex
justify-content: center justify-content: center
margin: 0 10px 20px margin: 1rem
width: 200px width: 160px
img
max-height: 60px
width: auto

36
docs/css/bulma-docs.css
View File

@@ -11351,6 +11351,14 @@ svg {
opacity: 1; opacity: 1;
} }
.intro-partners {
margin-top: 6rem;
}
.intro-carbon {
margin-top: 0.5rem;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.intro-buttons .button { .intro-buttons .button {
display: -webkit-box; display: -webkit-box;
@@ -11381,13 +11389,9 @@ svg {
} }
@media screen and (max-width: 1023px) { @media screen and (max-width: 1023px) {
.intro-column.is-video, .intro-column.is-video {
.intro-column.is-carbon {
margin-top: 3rem; margin-top: 3rem;
} }
.intro-columns.is-partners {
margin-top: 6rem;
}
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
@@ -11399,23 +11403,16 @@ svg {
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
} }
.intro-columns.is-partners {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3rem;
}
.intro-column { .intro-column {
width: calc(50% - 1.5rem); width: calc(50% - 1.5rem);
} }
.intro-column.is-content, .intro-column.is-sponsor { .intro-column.is-content {
margin-right: 1.5rem; margin-right: 1.5rem;
} }
.intro-column.is-video, .intro-column.is-carbon { .intro-column.is-video {
margin-left: 1.5rem; margin-left: 1.5rem;
} }
.intro-content, .intro-content {
.bd-sponsor {
max-width: 440px; max-width: 440px;
} }
.intro-title { .intro-title {
@@ -13488,8 +13485,13 @@ html.route-index .hero.is-primary a.column:hover .title strong {
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
margin: 0 10px 20px; margin: 1rem;
width: 200px; width: 160px;
}
.bd-sponsor-list a img {
max-height: 60px;
width: auto;
} }
@-webkit-keyframes fadeIn { @-webkit-keyframes fadeIn {