scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

tweaked banner css to bring it into line with design spec

Browse source
This commit is contained in:
Ben Wheeler 2018-11-28 18:30:12 -08:00
parent a6a5ef7941
commit e1cc0c390b
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/_colors.scss
View file

@ -5,6 +5,7 @@ $ui-blue-10percent: hsla(215, 100, 65, .1);
$ui-blue-25percent: hsla(215, 100, 65, .25); $ui-blue-25percent: hsla(215, 100, 65, .25);
$ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary $ui-orange: hsla(38, 100, 55, 1); // #FFAB19 Control Primary
$ui-orange-high-contrast: hsla(30, 100, 55, 1); // #FFAB19 Control Primary
$ui-orange-10percent: hsla(35, 90, 55, .1); $ui-orange-10percent: hsla(35, 90, 55, .1);
$ui-orange-25percent: hsla(35, 90, 55, .25); $ui-orange-25percent: hsla(35, 90, 55, .25);

8
src/views/preview/banner.scss
View file

@ -6,9 +6,9 @@ $navigation-height: 50px;
display: flex; display: flex;
background-color: $ui-orange-25percent; background-color: $ui-orange-25percent;
width: 100%; width: 100%;
min-height: 3.75rem; min-height: 4rem;
overflow: hidden; overflow: hidden;
color: $ui-orange; color: $ui-orange-high-contrast;
font-size: .875rem; font-size: .875rem;
font-weight: bold; font-weight: bold;
align-self: center; align-self: center;
@ -35,8 +35,12 @@ $navigation-height: 50px;
} }
.banner-button { .banner-button {
height: 2.5rem;
background-color: $ui-orange; background-color: $ui-orange;
font-size: .875rem; font-size: .875rem;
border-radius: .25rem;
padding-top: .6875rem;
padding-bottom: .75rem;
} }
.banner-danger .banner-button { .banner-danger .banner-button {