mozilla
/
bedrock
зеркало из https://github.com/mozilla/bedrock.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #4840 from craigcook/bug-1363955-zilla-slab-italic 

[fix bug 1363955] Switch Pebbles to Zilla Slab
This commit is contained in:
Alex Gibson 2017-05-17 16:20:13 +01:00 коммит произвёл GitHub
Родитель 4e03d1b8d5 99e05246d4
Коммит 55fc4980db
22 изменённых файлов: 75 добавлений и 31 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

6
media/css/base/global-nav.less
Просмотреть файл

@ -324,8 +324,7 @@
}
.intro {
.font-size(14px);
font-style: italic;
.font-size(13px);
margin: 0 0 20px;
}
@ -746,10 +745,9 @@ html.moz-nav-open {
}
.meta {
.font-size(13px);
.font-size(12px);
color: #fff;
display: block;
font-style: italic;
padding: 0 0 5px 5px;
text-align: left;
}

1
media/css/firefox/features/common.scss
Просмотреть файл

@ -4,7 +4,6 @@
@import '../../pebbles/includes/lib';
@import '../../pebbles/components/newsletter';
@import '../../pebbles/includes/fonts/zilla-slab';
@import '../../hubs/sub-nav';
@import '../../hubs/buttons';
@import '../../hubs/cta-link';

1
media/css/firefox/hub/home.scss
Просмотреть файл

@ -4,7 +4,6 @@
@import '../../pebbles/includes/lib';
@import '../../pebbles/components/newsletter';
@import '../../pebbles/includes/fonts/zilla-slab';
@import '../../hubs/sub-nav';
@import '../../hubs/cards';
@import '../../hubs/buttons';

1
media/css/firefox/product-page.scss
Просмотреть файл

@ -5,7 +5,6 @@
@import
'../pebbles/includes/lib',
'../pebbles/components/newsletter',
'../pebbles/includes/fonts/zilla-slab',
'../hubs/sub-nav',
'../hubs/buttons',
'../hubs/cta-link',

1
media/css/hubs/_sub-nav.scss
Просмотреть файл

@ -12,6 +12,7 @@ $mq-nav-desktop: 'screen and (min-width: 1070px)';
.moz-sub-nav {
@include clearfix();
@include open-sans;
background: #fff;
display: none; // hidden for mobile
height: 52px;

14
media/css/mozorg/home/home.scss
Просмотреть файл

@ -391,6 +391,7 @@ main {
}
a {
@include open-sans;
@include trailing-arrow;
font-weight: bold;
text-decoration: none;
@ -531,6 +532,7 @@ main {
a,
a:hover {
@include open-sans;
color: #fff;
}
@ -729,6 +731,13 @@ main {
margin: 0 auto;
}
input,
select,
textarea,
.form-details small {
@include open-sans;
}
.form-title {
@include background-size(100px, 100px);
background-position: center top;
@ -754,6 +763,11 @@ main {
.field {
margin: 0 0 1em;
}
.field-format label,
.field-privacy label {
@include open-sans;
}
}
.errorlist {

2
media/css/mozorg/internet-health.scss
Просмотреть файл

@ -287,6 +287,7 @@ html[dir="rtl"] {
}
.ctas {
@include open-sans;
margin-top: 20px;
}
@ -749,6 +750,7 @@ html[dir="rtl"] #pillars > section {
.continue {
@include font-size(16px);
@include open-sans;
bottom: 20px;
font-weight: bold;
position: absolute;

4
media/css/mozorg/internet-health/health-subpage.scss
Просмотреть файл

@ -249,7 +249,7 @@ html[dir="rtl"] {
//*--------------------------------------------------------------------------*/
// Health subpages navigation
.health-subnav {
@include font-size(18px);
@include open-sans;
background-color: #000;
text-transform: lowercase;
@ -339,6 +339,7 @@ html[dir="rtl"] {
li {
@include border-box;
@include open-sans;
margin: 0 0 1em;
text-transform: uppercase;
}
@ -480,6 +481,7 @@ html[dir="rtl"] {
.note-source {
@include font-size(14px);
@include open-sans;
margin: 0;
cite {

2
media/css/mozorg/technology.scss
Просмотреть файл

@ -390,6 +390,7 @@ main {
li {
@include font-size(16px);
@include open-sans;
display: block;
padding: 20px 0;
width: 100%;
@ -897,6 +898,7 @@ html[dir="rtl"] #technologies > section {
.continue {
@include font-size(16px);
@include open-sans;
bottom: 20px;
color: #c33b32;
font-weight: bold;

3
media/css/newsletter/newsletter-developer.scss
Просмотреть файл

@ -116,11 +116,13 @@
}
.field-format label {
@include open-sans;
margin-right: 20px;
}
.privacy-check-label {
@include font-size(14px);
@include open-sans;
display: block;
padding-left: 30px;
position: relative;
@ -143,6 +145,7 @@
small {
@include font-size(12px);
@include open-sans;
}
}
}

3
media/css/newsletter/newsletter-firefox.scss
Просмотреть файл

@ -136,11 +136,13 @@ $color-fox-purple: #3a304b;
}
.field-format label {
@include open-sans;
margin-right: 20px;
}
.privacy-check-label {
@include font-size(14px);
@include open-sans;
display: block;
padding-left: 30px;
position: relative;
@ -158,6 +160,7 @@ $color-fox-purple: #3a304b;
small {
@include font-size(12px);
@include open-sans;
}
}
}

3
media/css/newsletter/newsletter-mozilla.scss
Просмотреть файл

@ -129,11 +129,13 @@
}
.field-format label {
@include open-sans;
margin-right: 20px;
}
.privacy-check-label {
@include font-size(14px);
@include open-sans;
display: block;
padding-left: 30px;
position: relative;
@ -151,6 +153,7 @@
small {
@include font-size(12px);
@include open-sans;
}
}
}

2
media/css/pebbles/base/elements/_forms.scss
Просмотреть файл

@ -9,7 +9,7 @@ button,
input,
select,
textarea {
font-family: inherit; // must inherit or falls back to UA stylesheet/system font
@include open-sans;
}
textarea {

2
media/css/pebbles/components/_buttons-download.scss
Просмотреть файл

@ -8,6 +8,7 @@
// privacy policy link that accompany most download buttons
.fx-privacy-link {
@include font-size(16px);
@include open-sans;
display: block;
text-align: center;
text-shadow: none;
@ -81,6 +82,7 @@ ul.download-list {
.download-other {
@include font-size(11px);
@include open-sans;
color: $color-text-tertiary;
a:link,

1
media/css/pebbles/components/_buttons.scss
Просмотреть файл

@ -6,6 +6,7 @@
// The basis for all buttons on mozilla.org
%base-button {
@include open-sans;
@include font-size(18px);
@include transition(background-color 100ms ease-in-out);
background: none;

8
media/css/pebbles/components/_global-nav.scss
Просмотреть файл

@ -16,6 +16,7 @@ $mq-nav-desktop: 'screen and (min-width: 1070px)';
// Horizontal top navigation
.moz-global-nav {
@include open-sans;
position: relative;
background: #fff;
overflow: hidden;
@ -324,8 +325,7 @@ $mq-nav-desktop: 'screen and (min-width: 1070px)';
}
.intro {
@include font-size(14px);
font-style: italic;
@include font-size(13px);
margin: 0 0 20px;
}
@ -694,6 +694,7 @@ html.moz-nav-open {
// Side drawer promo thumbnails.
.moz-global-nav-drawer {
@include open-sans;
.nav-promo {
display: none;
@ -730,10 +731,9 @@ html.moz-nav-open {
}
.meta {
@include font-size(13px);
@include font-size(12px);
color: #fff;
display: block;
font-style: italic;
padding: 0 0 5px 5px;
text-align: left;
}

12
media/css/pebbles/components/_modal.scss
Просмотреть файл

@ -18,6 +18,18 @@ html.noscroll {
#modal {
position: absolute;
}
@media #{$mq-tablet} {
height: auto;
body {
height: auto;
}
#modal {
position: fixed;
}
}
}

5
media/css/pebbles/components/_newsletter.scss
Просмотреть файл

@ -53,6 +53,7 @@
// html/text radio buttons
.field-format label {
@include open-sans;
display: inline;
margin-right: 20px;
}
@ -60,6 +61,7 @@
// privacy checkbox
.field-privacy {
@include font-size(12px);
@include open-sans;
input {
float: left;
@ -88,13 +90,14 @@
select {
@include font-size(14px);
font-family: inherit;
@include open-sans;
line-height: 1.5;
max-width: 80%;
}
// copy underneath "Sign Up Now" button
p.form-details {
@include open-sans;
line-height: 1;
margin-top: 8px;
}

1
media/css/pebbles/global.scss
Просмотреть файл

@ -8,6 +8,7 @@
@import
// Fonts
'includes/fonts/zilla-slab',
'includes/fonts/open-sans',
// Base elements - general HTML elements

2
media/css/pebbles/includes/_variables.scss
Просмотреть файл

@ -14,7 +14,7 @@ $font-zilla-slab: 'Zilla Slab', 'Open Sans', X-LocaleSpecific, sans-serif;
// equally readable with a non-highlight variant.
$font-zilla-slab-highlight: 'Zilla Slab Highlight', 'Zilla Slab', 'Open Sans', X-LocaleSpecific, sans-serif;
$base-font-stack: $font-open-sans;
$base-font-stack: $font-zilla-slab;
$base-font-size: 100%;
$base-line-height: 1.5;

16
media/css/pebbles/includes/fonts/_open-sans.scss
Просмотреть файл

@ -18,19 +18,3 @@
src: url('/media/fonts/opensans-bold.woff2') format('woff2'),
url('/media/fonts/opensans-bold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-weight: normal;
font-style: italic;
src: url('/media/fonts/opensans-italic.woff2') format('woff2'),
url('/media/fonts/opensans-italic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-weight: bold;
font-style: italic;
src: url('/media/fonts/opensans-bolditalic.woff2') format('woff2'),
url('/media/fonts/opensans-bolditalic.woff') format('woff');
}

16
media/css/pebbles/includes/fonts/_zilla-slab.scss
Просмотреть файл

@ -18,3 +18,19 @@
src: url('/media/fonts/ZillaSlab-Bold.woff2') format('woff2'),
url('/media/fonts/ZillaSlab-Bold.woff') format('woff');
}
@font-face {
font-family: 'Zilla Slab';
font-weight: normal;
font-style: italic;
src: url('/media/fonts/ZillaSlab-RegularItalic.woff2') format('woff2'),
url('/media/fonts/ZillaSlab-RegularItalic.woff') format('woff');
}
@font-face {
font-family: 'Zilla Slab';
font-weight: bold;
font-style: italic;
src: url('/media/fonts/ZillaSlab-BoldItalic.woff2') format('woff2'),
url('/media/fonts/ZillaSlab-BoldItalic.woff') format('woff');
}