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

Add new svg logo

Browse Source
This commit is contained in:
Jeremy Thomas 2016-09-22 19:48:42 +01:00
parent ef052ceb68
commit 9928f2b9f0
8 changed files with 318 additions and 909 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/_includes/svg/bulma-icon.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="480px" height="480px" viewBox="0 0 480 480" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40 (33762) - http://www.bohemiancoding.com/sketch -->
<title>bulma-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bulma-icon" fill="#11E4C4">
<polygon id="Path" points="136 296 156 156 236 76 336 176 276 236 356 316 236 396"></polygon>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 631 B

4
docs/bulma-docs.sass
View File

@ -85,6 +85,10 @@ $twitter: #55acee
margin-bottom: 40px margin-bottom: 40px
vertical-align: top vertical-align: top
width: 240px width: 240px
svg
display: block
height: 240px
width: 240px
+mobile +mobile
border-radius: 10px border-radius: 10px
height: 120px height: 120px

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

File diff suppressed because it is too large Load Diff

2
docs/index.html
View File

@ -13,7 +13,7 @@ route: index
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<p id="b"> <p id="b">
<img src="{{ site.baseurl }}/images/b.png" alt="{{ site.title }}"> {% include svg/bulma-icon.svg %}
</p> </p>
<h1 class="title"> <h1 class="title">
Bulma Bulma

2
sass/elements/button.sass
View File

@ -56,7 +56,7 @@
&:hover, &:hover,
&:focus, &:focus,
&.is-active &.is-active
background-color: darken($color, 10%) background-color: darken($color, 5%)
border-color: transparent border-color: transparent
color: $color-invert color: $color-invert
&:active &:active

1
sass/elements/content.sass
View File

@ -1,5 +1,6 @@
.content .content
@extend .block @extend .block
color: $text
// Inline // Inline
a:not(.button) a:not(.button)
border-bottom: 1px solid $border border-bottom: 1px solid $border

6
sass/layout/hero.sass
View File

@ -73,7 +73,7 @@
strong strong
color: inherit color: inherit
.subtitle .subtitle
color: rgba($color-invert, 0.7) color: rgba($color-invert, 0.9)
a, a,
strong strong
color: $color-invert color: $color-invert
@ -84,14 +84,14 @@
background-color: $color background-color: $color
a.nav-item, a.nav-item,
.nav-item a:not(.button) .nav-item a:not(.button)
color: rgba($color-invert, 0.5) color: rgba($color-invert, 0.7)
&:hover, &:hover,
&.is-active &.is-active
color: $color-invert color: $color-invert
.tabs .tabs
a a
color: $color-invert color: $color-invert
opacity: 0.5 opacity: 0.9
&:hover &:hover
opacity: 1 opacity: 1
li li

10
sass/utilities/functions.sass
View File

@ -21,14 +21,8 @@
$color-rgb: map-merge($color-rgb, ($name: $value)) $color-rgb: map-merge($color-rgb, ($name: $value))
@return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722) @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
@function closestEvenNumber($number)
@if ($number % 2 == 0px)
@return $number
@else
@return ($number + 1px)
@function findColorInvert($color) @function findColorInvert($color)
@if (colorLuminance($color) > 0.8) @if (colorLuminance($color) > 0.7)
@return rgba($black, 0.5) @return rgba($black, 0.7)
@else @else
@return white @return white