library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix carbon

Browse Source
This commit is contained in:
Jeremy Thomas 2017-01-04 18:34:21 +01:00
parent 37fa187ed7
commit 1e4c7410b6
2 changed files with 46 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/bulma-docs.sass
View File

@ -33,7 +33,10 @@ $carbon-space: 15px
#carbon #carbon
max-width: 340px max-width: 340px
min-height: 100px + ($carbon-space * 2) 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 +tablet
margin-left: auto margin-left: auto
margin-right: auto margin-right: auto
@ -41,23 +44,34 @@ $carbon-space: 15px
#carbonads #carbonads
text-align: left text-align: left
a:hover a,
text-decoration: underline
span span
display: block display: block
.carbon-wrap
position: relative
.carbon-img .carbon-img
float: left float: left
height: 100px height: 130px
width: 130px padding: 15px 0 15px 15px
width: 145px
img img
display: block display: block
height: 100px
width: 130px
.carbon-text .carbon-text
display: block display: block
color: $text-strong color: $text-strong
margin-left: 130px + $carbon-space line-height: 20px
padding: 15px 15px 35px 160px
.carbon-poweredby .carbon-poweredby
bottom: 0
color: $text-light
font-size: $size-small font-size: $size-small
margin-left: $carbon-space left: 160px
line-height: 20px
padding: 0 15px 10px 0
position: absolute
right: 0
$github: #333333 $github: #333333
$twitter: #55acee $twitter: #55acee

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

@ -6312,7 +6312,12 @@ svg {
#carbon { #carbon {
max-width: 340px; max-width: 340px;
min-height: 130px; 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) { @media screen and (min-width: 769px) {
@ -6327,33 +6332,44 @@ svg {
text-align: left; text-align: left;
} }
#carbonads a:hover { #carbonads a,
text-decoration: underline;
}
#carbonads span { #carbonads span {
display: block; display: block;
} }
#carbonads .carbon-wrap {
position: relative;
}
#carbonads .carbon-img { #carbonads .carbon-img {
float: left; float: left;
height: 100px; height: 130px;
width: 130px; padding: 15px 0 15px 15px;
width: 145px;
} }
#carbonads .carbon-img img { #carbonads .carbon-img img {
display: block; display: block;
height: 100px;
width: 130px;
} }
#carbonads .carbon-text { #carbonads .carbon-text {
display: block; display: block;
color: #363636; color: #363636;
margin-left: 145px; line-height: 20px;
padding: 15px 15px 35px 160px;
} }
#carbonads .carbon-poweredby { #carbonads .carbon-poweredby {
bottom: 0;
color: #7a7a7a;
font-size: 0.75rem; font-size: 0.75rem;
margin-left: 15px; left: 160px;
line-height: 20px;
padding: 0 15px 10px 0;
position: absolute;
right: 0;
} }
#github { #github {