bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 01:36:55 +01:00
Code Releases Activity

caret fixes

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-04-10 14:38:27 +02:00
parent 87eafe8ed9
commit ac6a4a18cb
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_src/_assets/images/icon-caret.svg
View File

@ -1,14 +1,3 @@
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In --> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14">
<svg version="1.1" <polyline fill="none" stroke="#fff" stroke-width="2" points="22.606 0 11.331 11.331 0 0" transform="translate(1 .971)"/>
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="42.3px" height="22.2px" viewBox="0 0 42.3 22.2" style="enable-background:new 0 0 42.3 22.2;"
xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<defs>
</defs>
<g>
<polyline class="st0" points="41.3,1 21.2,21.2 1,1 "/>
</g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 600 B

After

Width:  |  Height:  |  Size: 214 B

10
_src/_assets/styles/bigchain/_dropdowns.scss
View File

@ -16,11 +16,10 @@
&:after { &:after {
content: ''; content: '';
display: inline-block; display: inline-block;
height: 0; width: 14px;
width: 0; height: 10px;
border: .3rem solid transparent; background: url('../img/icon-caret.svg') no-repeat center center;
border-top-color: inherit; background-size: contain;
margin-bottom: -.2rem;
transition: .15s ease-out; transition: .15s ease-out;
} }
@ -28,7 +27,6 @@
.dropdown--hover:hover & { .dropdown--hover:hover & {
&:after { &:after {
transform: rotate(180deg); transform: rotate(180deg);
margin-bottom: .2rem;
} }
} }
} }

13
_src/_assets/styles/bigchain/_hero.scss
View File

@ -91,8 +91,7 @@ $menu-height-md: 90px;
} }
.page-front .menu--main, .page-front .menu--main,
.hero__community, .hero__community {
.hero__more {
@include transition; @include transition;
opacity: 0; opacity: 0;
transition-delay: .8s; transition-delay: .8s;
@ -229,18 +228,20 @@ $menu-height-md: 90px;
.hero__more { .hero__more {
position: relative; position: relative;
z-index: 2; z-index: 2;
color: rgba(#fff, .6); color: #fff;
opacity: .6;
align-self: flex-end; align-self: flex-end;
margin-left: auto;
margin-right: auto;
margin-bottom: $spacer; margin-bottom: $spacer;
width: 100%;
display: none; display: none;
@media ($screen-md) { @media ($screen-md) {
display: block; display: inline-block;
} }
&:hover, &:hover,
&:focus { color: #fff; } &:focus { opacity: 1; }
// the caret // the caret
.icon { .icon {

5
_src/_assets/styles/bigchain/_icons.scss
View File

@ -34,3 +34,8 @@
fill: none; fill: none;
stroke: $text-color; stroke: $text-color;
} }
.icon--caret {
stroke-width: 2px;
stroke: currentColor;
}

2
_src/_includes/hero.html
View File

@ -43,6 +43,6 @@
</div> </div>
</aside> </aside>
<a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a> <a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon icon--caret"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
</header> </header>