mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 09:35:56 -05:00
Merge pull request #2007 from carljbowman/develop
Remove Darken and Ligthen SCSS
This commit is contained in:
carljbowman
GitHub
commit
35af52c40c
12 changed files with 70 additions and 59 deletions
|
|
@ -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-10percent: hsla(35, 90, 55, .1);
|
||||||
$ui-orange-25percent: hsla(35, 90, 55, .25);
|
$ui-orange-25percent: hsla(35, 90, 55, .25);
|
||||||
|
|
||||||
$ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
|
$ui-light-gray: hsla(0, 0, 98, 1); //#FAFAFA
|
||||||
|
|
@ -39,6 +40,7 @@ $overlay-gray: hsla(0, 0, 0, .75);
|
||||||
/* Typography Colors */
|
/* Typography Colors */
|
||||||
$header-gray: hsla(225, 15, 40, 1); //#575E75
|
$header-gray: hsla(225, 15, 40, 1); //#575E75
|
||||||
$type-gray: hsla(225, 15, 40, 1); //#575E75
|
$type-gray: hsla(225, 15, 40, 1); //#575E75
|
||||||
|
$type-gray-75percent: hsla(225, 15, 40, .75);
|
||||||
$type-white: hsla(0, 100, 100, 1); //#FFF
|
$type-white: hsla(0, 100, 100, 1); //#FFF
|
||||||
|
|
||||||
$link-blue: $ui-blue;
|
$link-blue: $ui-blue;
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
.char-count {
|
.char-count {
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
color: lighten($type-gray, 30%);
|
color: $type-gray-75percent;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
&.overmax {
|
&.overmax {
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,6 @@
|
||||||
@import "../../frameless";
|
@import "../../frameless";
|
||||||
|
|
||||||
$base-bg: $ui-light-gray;
|
$base-bg: $ui-light-gray;
|
||||||
$pass-bg: lighten($ui-aqua, 35%);
|
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
label {
|
label {
|
||||||
|
|
@ -32,8 +31,7 @@ $pass-bg: lighten($ui-aqua, 35%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.pass {
|
&.pass {
|
||||||
border: 1px solid $active-dark-gray;
|
border: 1px solid $ui-aqua;
|
||||||
background-color: $pass-bg;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* IE10/11-specific style resets */
|
/* IE10/11-specific style resets */
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ a.social-messages-profile-link {
|
||||||
color: $type-gray;
|
color: $type-gray;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: darken($type-gray, 10);
|
color: $link-blue;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -18,13 +18,13 @@
|
||||||
animation: circleFadeDelay 1.2s infinite ease-in-out both;
|
animation: circleFadeDelay 1.2s infinite ease-in-out both;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
background-color: darken($ui-white, 8%);
|
background-color: $ui-gray;
|
||||||
width: 15%;
|
width: 15%;
|
||||||
height: 15%;
|
height: 15%;
|
||||||
content: "";
|
content: "";
|
||||||
|
|
||||||
.white & {
|
.white & {
|
||||||
background-color: $ui-blue-dark
|
background-color: $ui-blue-dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -106,7 +106,7 @@
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($link-blue, 40%);
|
background-color: $ui-blue-10percent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,7 @@ p {
|
||||||
padding: 1.25em;
|
padding: 1.25em;
|
||||||
|
|
||||||
&.orange {
|
&.orange {
|
||||||
background-color: lighten($ui-orange, 30);
|
background-color: $ui-orange-10percent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -138,7 +138,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: lighten($ui-blue, 30);
|
background-color: $ui-blue-25percent;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol,
|
ol,
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($ui-blue, 40);
|
background-color: $ui-blue-25percent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.conf2017-title-band {
|
.conf2017-title-band {
|
||||||
background-color: lighten($ui-blue, 10%);
|
background-color: $ui-blue-dark;
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: $type-white;
|
color: $type-white;
|
||||||
|
|
|
||||||
|
|
@ -54,9 +54,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-message {
|
.admin-message {
|
||||||
border: 1px solid darken($ui-gray, 10);
|
border: 1px solid $active-dark-gray;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: lighten($ui-blue, 40);
|
background-color: $ui-blue-25percent;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -31,8 +31,6 @@ $base-bg: $ui-white;
|
||||||
max-width: calc(100% - 2rem);
|
max-width: calc(100% - 2rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
$darken-button: rgba(0, 0, 0, .1);
|
|
||||||
|
|
||||||
.tips-button {
|
.tips-button {
|
||||||
margin-right: .75rem;
|
margin-right: .75rem;
|
||||||
background-color: $ui-blue;
|
background-color: $ui-blue;
|
||||||
|
|
@ -41,7 +39,8 @@ $darken-button: rgba(0, 0, 0, .1);
|
||||||
|
|
||||||
&.getting-started-button {
|
&.getting-started-button {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
background-color: $darken-button;
|
background-color: $ui-white;
|
||||||
|
color: $link-blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,34 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<svg width="27px" height="28px" viewBox="0 0 27 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
<title>blocks icon</title>
|
width="27px" height="28px" viewBox="0 0 27 28" style="enable-background:new 0 0 27 28;" xml:space="preserve">
|
||||||
<desc>Created with Sketch.</desc>
|
<style type="text/css">
|
||||||
<defs></defs>
|
.st0{fill:#4C97FF;}
|
||||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
</style>
|
||||||
<g id="12-col" transform="translate(-496.000000, -285.000000)" fill="#FFFFFF">
|
<title>blocks icon</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<g id="Page-1">
|
||||||
|
<g id="_x31_2-col" transform="translate(-496.000000, -285.000000)">
|
||||||
<g id="Band---Masthead" transform="translate(0.000000, 52.000000)">
|
<g id="Band---Masthead" transform="translate(0.000000, 52.000000)">
|
||||||
<g id="buttons-v1" transform="translate(474.000000, 214.000000)">
|
<g id="buttons-v1" transform="translate(474.000000, 214.000000)">
|
||||||
<g id="guide-tutorial">
|
<g id="guide-tutorial">
|
||||||
<g id="blocks-icon" transform="translate(22.000000, 19.000000)">
|
<g id="blocks-icon" transform="translate(22.000000, 19.000000)">
|
||||||
<path d="M0.850455083,0.114928725 L2.97546016,0.114928725 C3.19321976,0.114928725 3.40235116,0.203530037 3.55642635,0.360996823 L4.71835875,1.54850635 C4.87243394,1.70597313 5.08156534,1.79457444 5.29973581,1.79457444 L7.90545549,1.79457444 C8.12362597,1.79457444 8.33275736,1.70597313 8.48683256,1.54850635 L9.64876495,0.360996823 C9.80284014,0.203530037 10.0119715,0.114928725 10.230142,0.114928725 L25.5024861,0.114928725 C25.9560835,0.114928725 26.3242205,0.491169366 26.3242205,0.954751584 L26.3242205,5.99368874 C26.3242205,6.45727096 25.9560835,6.8335116 25.5024861,6.8335116 L10.230142,6.8335116 C10.0119715,6.8335116 9.80284014,6.92211291 9.64876495,7.0795797 L8.48683256,8.26708922 C8.33275736,8.42455601 8.12362597,8.51315732 7.90545549,8.51315732 L5.29973581,8.51315732 C5.08156534,8.51315732 4.87243394,8.42455601 4.71835875,8.26708922 L3.55642635,7.0795797 C3.40235116,6.92211291 3.19321976,6.8335116 2.97546016,6.8335116 L0.850455083,6.8335116 C0.396857712,6.8335116 0.028720716,6.45727096 0.028720716,5.99368874 L0.028720716,0.954751584 C0.028720716,0.491169366 0.396857712,0.114928725 0.850455083,0.114928725 Z" id="Stroke-1"></path>
|
<path id="Stroke-1" class="st0" d="M0.9,0.1H3c0.2,0,0.4,0.1,0.6,0.2l1.2,1.2c0.2,0.2,0.4,0.2,0.6,0.2h2.6
|
||||||
<path d="M0.850455083,9.8008857 L2.97546016,9.8008857 C3.19321976,9.8008857 3.40235116,9.88948701 3.55642635,10.0469538 L4.71835875,11.2344633 C4.87243394,11.3919301 5.08156534,11.4805314 5.29973581,11.4805314 L7.90545549,11.4805314 C8.12362597,11.4805314 8.33275736,11.3919301 8.48683256,11.2344633 L9.64876495,10.0469538 C9.80284014,9.88948701 10.0119715,9.8008857 10.230142,9.8008857 L19.7503455,9.8008857 C20.2039429,9.8008857 20.5720799,10.1771263 20.5720799,10.6407086 L20.5720799,15.6796457 C20.5720799,16.1432279 20.2039429,16.5194686 19.7503455,16.5194686 L10.230142,16.5194686 C10.0119715,16.5194686 9.80284014,16.6080699 9.64876495,16.7655367 L8.48683256,17.9530462 C8.33275736,18.110513 8.12362597,18.1991143 7.90545549,18.1991143 L5.29973581,18.1991143 C5.08156534,18.1991143 4.87243394,18.110513 4.71835875,17.9530462 L3.55642635,16.7655367 C3.40235116,16.6080699 3.19321976,16.5194686 2.97546016,16.5194686 L0.850455083,16.5194686 C0.396857712,16.5194686 0.028720716,16.1432279 0.028720716,15.6796457 L0.028720716,10.6407086 C0.028720716,10.1771263 0.396857712,9.8008857 0.850455083,9.8008857 Z" id="Stroke-3"></path>
|
c0.2,0,0.4-0.1,0.6-0.2l1.2-1.2c0.2-0.2,0.4-0.2,0.6-0.2h15.3c0.5,0,0.8,0.4,0.8,0.8v5c0,0.5-0.4,0.8-0.8,0.8H10.2
|
||||||
<path d="M0.850455083,19.4868427 L2.97546016,19.4868427 C3.19321976,19.4868427 3.40235116,19.575444 3.55642635,19.7329108 L4.71835875,20.9204203 C4.87243394,21.0778871 5.08156534,21.1664884 5.29973581,21.1664884 L7.90545549,21.1664884 C8.12362597,21.1664884 8.33275736,21.0778871 8.48683256,20.9204203 L9.64876495,19.7329108 C9.80284014,19.575444 10.0119715,19.4868427 10.230142,19.4868427 L23.037283,19.4868427 C23.4908804,19.4868427 23.8590174,19.8630833 23.8590174,20.3266655 L23.8590174,25.3656027 C23.8590174,25.8291849 23.4908804,26.2054256 23.037283,26.2054256 L10.230142,26.2054256 C10.0119715,26.2054256 9.80284014,26.2940269 9.64876495,26.4514937 L8.48683256,27.6390032 C8.33275736,27.79647 8.12362597,27.8850713 7.90545549,27.8850713 L5.29973581,27.8850713 C5.08156534,27.8850713 4.87243394,27.79647 4.71835875,27.6390032 L3.55642635,26.4514937 C3.40235116,26.2940269 3.19321976,26.2054256 2.97546016,26.2054256 L0.850455083,26.2054256 C0.396857712,26.2054256 0.028720716,25.8291849 0.028720716,25.3656027 L0.028720716,20.3266655 C0.028720716,19.8630833 0.396857712,19.4868427 0.850455083,19.4868427 Z" id="Stroke-5"></path>
|
c-0.2,0-0.4,0.1-0.6,0.2L8.5,8.3C8.3,8.4,8.1,8.5,7.9,8.5H5.3c-0.2,0-0.4-0.1-0.6-0.2L3.6,7.1C3.4,6.9,3.2,6.8,3,6.8H0.9
|
||||||
</g>
|
C0.4,6.8,0,6.5,0,6V1C0,0.5,0.4,0.1,0.9,0.1z"/>
|
||||||
|
<path id="Stroke-3" class="st0" d="M0.9,9.8H3c0.2,0,0.4,0.1,0.6,0.2l1.2,1.2c0.2,0.2,0.4,0.2,0.6,0.2h2.6
|
||||||
|
c0.2,0,0.4-0.1,0.6-0.2L9.6,10c0.2-0.2,0.4-0.2,0.6-0.2h9.5c0.5,0,0.8,0.4,0.8,0.8v5c0,0.5-0.4,0.8-0.8,0.8h-9.5
|
||||||
|
c-0.2,0-0.4,0.1-0.6,0.2L8.5,18c-0.2,0.2-0.4,0.2-0.6,0.2H5.3c-0.2,0-0.4-0.1-0.6-0.2l-1.2-1.2c-0.2-0.2-0.4-0.2-0.6-0.2H0.9
|
||||||
|
c-0.5,0-0.8-0.4-0.8-0.8v-5C0,10.2,0.4,9.8,0.9,9.8z"/>
|
||||||
|
<path id="Stroke-5" class="st0" d="M0.9,19.5H3c0.2,0,0.4,0.1,0.6,0.2l1.2,1.2c0.2,0.2,0.4,0.2,0.6,0.2h2.6
|
||||||
|
c0.2,0,0.4-0.1,0.6-0.2l1.2-1.2c0.2-0.2,0.4-0.2,0.6-0.2H23c0.5,0,0.8,0.4,0.8,0.8v5c0,0.5-0.4,0.8-0.8,0.8H10.2
|
||||||
|
c-0.2,0-0.4,0.1-0.6,0.2l-1.2,1.2c-0.2,0.2-0.4,0.2-0.6,0.2H5.3c-0.2,0-0.4-0.1-0.6-0.2l-1.2-1.2c-0.2-0.2-0.4-0.2-0.6-0.2
|
||||||
|
H0.9c-0.5,0-0.8-0.4-0.8-0.8v-5C0,19.9,0.4,19.5,0.9,19.5z"/>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in a new issue