library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions 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
Show Stats 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 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>

23
docs/_sass/index.sass
View File

@ -145,6 +145,12 @@
&:hover
opacity: 1
.intro-partners
margin-top: 6rem
.intro-carbon
margin-top: 0.5rem
+mobile
.intro-buttons
.button
@ -162,29 +168,20 @@
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

7
docs/_sass/sponsors.sass
View 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

36
docs/css/bulma-docs.css
View 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 {