Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix native

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-10 23:10:59 +01:00
parent a1c8414c59
commit cd8503762c
3 changed files with 25 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/_includes/global/native.html
View File

@@ -59,7 +59,7 @@
}
.native-cta:hover {
color: #native_cta_color_hover;
color: #native_cta_color_hover#;
background-color: #native_cta_bg_color_hover#;
}
</style>
@@ -70,6 +70,6 @@
<span class="native-desc">#native_desc#</span>
</div>
</div>
<span class="native-cta">#native_cta#</span>
<span class="button is-medium native-cta">#native_cta#</span>
</a>
</div>

25
docs/_sass/native.sass
View File

@@ -16,6 +16,10 @@
justify-content: center
padding: 2em
text-decoration: none
&:hover
.native-cta
box-shadow: 0 1rem 2rem 0 rgba($black, 0.1)
transform: translateY(-0.25rem)
.native-img
border-radius: 3px
@@ -46,22 +50,15 @@
.native-cta
border: none
border-radius: 3px
box-shadow: 0 6px 13px 0 hsla(0, 0%, 0%, .15)
display: inline-block
box-shadow: 0 0.5rem 1rem 0 rgba($black, 0.2)
flex-grow: 0
flex-shrink: 0
font-size: 0.75em
font-weight: $weight-normal
padding: 0.75em 1em
text-transform: uppercase
transform: translateY(-1px)
transition: transform .3s ease-in-out
vertical-align: top
white-space: nowrap
&:hover
box-shadow: none
transform: translateY(1px)
font-weight: $weight-semibold
height: auto
padding: 0.5em 1em
transition-duration: $speed * 2
transition-property: box-shadow, transform
will-change: box-shadow, transform
$native-bp: 600px

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

@@ -12754,6 +12754,11 @@ svg {
text-decoration: none;
}
.native-flex:hover .native-cta {
box-shadow: 0 1rem 2rem 0 rgba(10, 10, 10, 0.1);
transform: translateY(-0.25rem);
}
.native-img {
border-radius: 3px;
flex-grow: 0;
@@ -12788,24 +12793,15 @@ svg {
.native-cta {
border: none;
border-radius: 3px;
box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.15);
display: inline-block;
box-shadow: 0 0.5rem 1rem 0 rgba(10, 10, 10, 0.2);
flex-grow: 0;
flex-shrink: 0;
font-size: 0.75em;
font-weight: 400;
padding: 0.75em 1em;
text-transform: uppercase;
transform: translateY(-1px);
transition: transform .3s ease-in-out;
vertical-align: top;
white-space: nowrap;
}
.native-cta:hover {
box-shadow: none;
transform: translateY(1px);
font-weight: 600;
height: auto;
padding: 0.5em 1em;
transition-duration: 172ms;
transition-property: box-shadow, transform;
will-change: box-shadow, transform;
}
@media screen and (max-width: 599px) {