ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Demo tweaks

Browse Source
This commit is contained in:
Sam Potts
2019-06-03 00:26:08 +10:00
parent 1890a9378d
commit d9d2c4a219
12 changed files with 44 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
demo/src/sass/components/buttons.scss
View File

@ -22,13 +22,13 @@
// Buttons
.button {
font-weight: $font-weight-bold;
padding-left: $spacing-base;
padding-right: $spacing-base;
padding-left: ($spacing-base * 1.25);
padding-right: ($spacing-base * 1.25);
transition: all 0.2s ease;
&:hover,
&:focus {
color: $gray-dark;
color: $color-button-text-hover;
// Remove the underline/border
&::after {
@ -65,7 +65,7 @@
// Count bubble
.button__count {
animation: fadein 0.2s ease;
margin-left: ($spacing-base / 2);
margin-left: ($spacing-base * 0.75);
&::before {
border: $arrow-size solid transparent;

15
demo/src/sass/components/header.scss
View File

@ -6,12 +6,15 @@ header {
padding-bottom: $spacing-base;
text-align: center;
.call-to-action {
margin-top: ($spacing-base * 1.5);
h1 span {
animation: shrinkHide 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s forwards;
display: inline-block;
font-weight: $font-weight-light;
opacity: 0.5;
}
p:first-of-type {
@include font-size(16);
.call-to-action {
margin-top: ($spacing-base * 1.5);
}
@media only screen and (min-width: $screen-md) {
@ -19,5 +22,9 @@ header {
max-width: 360px;
padding-bottom: ($spacing-base * 2);
text-align: left;
p:first-of-type {
@include font-size($font-size-large);
}
}
}