mirror of
https://github.com/jgthms/bulma.git
synced 2025-01-09 15:44:25 +00:00
Add container
This commit is contained in:
parent
8bbf7d2100
commit
d198cf11b0
@ -1,3 +1,4 @@
|
|||||||
|
<div id="carboncontainer">
|
||||||
<div id="carbon" class="box">
|
<div id="carbon" class="box">
|
||||||
<script>
|
<script>
|
||||||
var _0xa6d2 = [
|
var _0xa6d2 = [
|
||||||
@ -51,3 +52,4 @@
|
|||||||
<script async src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js" onerror="__fb(this)"></script>
|
<script async src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js" onerror="__fb(this)"></script>
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
@ -4,11 +4,17 @@ svg
|
|||||||
|
|
||||||
$carbon-space: 15px
|
$carbon-space: 15px
|
||||||
|
|
||||||
#carbon
|
#carboncontainer
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
margin-left: auto
|
margin-left: auto
|
||||||
margin-right: auto
|
margin-right: auto
|
||||||
max-width: 340px
|
max-width: 340px
|
||||||
min-height: 120px + ($carbon-space * 2)
|
min-height: 120px + ($carbon-space * 2)
|
||||||
|
|
||||||
|
#carbon
|
||||||
|
flex-grow: 1
|
||||||
padding: 0
|
padding: 0
|
||||||
position: relative
|
position: relative
|
||||||
&:hover
|
&:hover
|
||||||
@ -23,28 +29,36 @@ $carbon-space: 15px
|
|||||||
span
|
span
|
||||||
display: block
|
display: block
|
||||||
.carbon-wrap
|
.carbon-wrap
|
||||||
|
min-height: 130px
|
||||||
position: relative
|
position: relative
|
||||||
.carbon-img
|
.carbon-img
|
||||||
background: $background
|
bottom: 0
|
||||||
float: left
|
float: left
|
||||||
height: 100px
|
left: 0
|
||||||
margin: 15px 0 15px 15px
|
min-height: 130px
|
||||||
width: 130px
|
padding: 15px 0 15px 15px
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: 145px
|
||||||
img
|
img
|
||||||
display: block
|
display: block
|
||||||
height: 100px
|
height: 100px
|
||||||
width: 130px
|
width: 130px
|
||||||
|
&:hover
|
||||||
|
opacity: 0.9
|
||||||
|
&:active
|
||||||
|
opacity: 0.8
|
||||||
|
a:hover
|
||||||
|
text-decoration: underline
|
||||||
.carbon-text
|
.carbon-text
|
||||||
display: block
|
display: block
|
||||||
color: $text-strong
|
color: $text-strong
|
||||||
line-height: 20px
|
line-height: 20px
|
||||||
padding: 15px 15px 35px 160px
|
padding: 15px 15px 35px 160px
|
||||||
.carbon-poweredby
|
.carbon-poweredby
|
||||||
bottom: 0
|
bottom: 10px
|
||||||
color: $text-light
|
color: $text-light
|
||||||
|
display: inline
|
||||||
font-size: $size-small
|
font-size: $size-small
|
||||||
left: 160px
|
|
||||||
line-height: 20px
|
|
||||||
padding: 0 15px 10px 0
|
|
||||||
position: absolute
|
position: absolute
|
||||||
right: 0
|
right: 10px
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user