Permalink
Browse files

Change fonts, update screenshot, less nesting, release 4.0.0

  • Loading branch information...
ronilaukkarinen committed Mar 27, 2018
1 parent aa7c3c4 commit f80cc7b4707ae47752a11f14aec71399ae9f389b
Showing with 1,505 additions and 1,256 deletions.
  1. +4 −1 README.md
  2. +1 −1 css/global.css
  3. BIN fonts/karla-bold.eot
  4. +363 −0 fonts/karla-bold.svg
  5. BIN fonts/karla-bold.ttf
  6. BIN fonts/karla-bold.woff
  7. BIN fonts/karla-bold.woff2
  8. BIN fonts/karla-bolditalic.eot
  9. +368 −0 fonts/karla-bolditalic.svg
  10. BIN fonts/karla-bolditalic.ttf
  11. BIN fonts/karla-bolditalic.woff
  12. BIN fonts/karla-bolditalic.woff2
  13. BIN fonts/karla-italic.eot
  14. +368 −0 fonts/karla-italic.svg
  15. BIN fonts/karla-italic.ttf
  16. BIN fonts/karla-italic.woff
  17. BIN fonts/karla-italic.woff2
  18. BIN fonts/karla-regular.eot
  19. +368 −0 fonts/karla-regular.svg
  20. BIN fonts/karla-regular.ttf
  21. BIN fonts/karla-regular.woff
  22. BIN fonts/karla-regular.woff2
  23. BIN fonts/poppins-bold.eot
  24. +0 −243 fonts/poppins-bold.svg
  25. BIN fonts/poppins-bold.ttf
  26. BIN fonts/poppins-bold.woff
  27. BIN fonts/poppins-bold.woff2
  28. BIN fonts/poppins-light.eot
  29. +0 −243 fonts/poppins-light.svg
  30. BIN fonts/poppins-light.ttf
  31. BIN fonts/poppins-light.woff
  32. BIN fonts/poppins-light.woff2
  33. BIN fonts/poppins-medium.eot
  34. +0 −243 fonts/poppins-medium.svg
  35. BIN fonts/poppins-medium.ttf
  36. BIN fonts/poppins-medium.woff
  37. BIN fonts/poppins-medium.woff2
  38. BIN fonts/poppins-regular.eot
  39. +0 −243 fonts/poppins-regular.svg
  40. BIN fonts/poppins-regular.ttf
  41. BIN fonts/poppins-regular.woff
  42. BIN fonts/poppins-regular.woff2
  43. BIN fonts/poppins-semibold.eot
  44. +0 −243 fonts/poppins-semibold.svg
  45. BIN fonts/poppins-semibold.ttf
  46. BIN fonts/poppins-semibold.woff
  47. BIN fonts/poppins-semibold.woff2
  48. +1 −1 functions.php
  49. +1 −2 header.php
  50. +1 −1 package.json
  51. +18 −22 sass/base/_accessibility.scss
  52. +4 −5 sass/layout/_typography.scss
  53. +6 −6 sass/navigation/_nav-mobile.scss
  54. +1 −1 sass/views/_front-page.scss
  55. BIN screenshot.png
  56. +1 −1 style.css
View
@@ -10,7 +10,7 @@ Air-light (or simply *Air*) is designed to be a minimal starting point for a Wor
- **JS gzipped:** 3.5 KB *(10.8 KB original)*
- **Front page HTML**: 7.4 KB *(29.4 KB original)*
![](https://www.dude.fi/air-3.0.0-screenshot.png "Screenshot")
![](https://www.dude.fi/air-4.0.0-screenshot.png "Screenshot")
This theme is built to be very straightforward, backwards compatible, front end developer friendly and modular by its structure. Following [Underscores](https://github.com/automattic/_s) and [WordPress Theme Coding Standards](https://codex.wordpress.org/Theme_Development#Theme_Development_Standards) best practices and most of the changes in _s are implemented as soon as they are committed.
@@ -59,6 +59,8 @@ Some features, WooCommerce support and personal preferences of Dude are moved to
* [SASS](http://sass-lang.com/)-support (SCSS-syntax)
* CSS reset with a combination with Nicolas Gallagher's [normalize*css](https://github.com/necolas/normalize.css/)
* [Jeet](https://github.com/mojotech/jeet) Grid for SASS `@include column(1/100)`
* Flexbox-ready
* CSS Grid-ready*
* Container div inside site-main
* Possible to choose between fluid (flexible 100%) and snappy grid style (snapping to breakpoint, more space around)
* Inline SVG-ready
@@ -78,6 +80,7 @@ Some features, WooCommerce support and personal preferences of Dude are moved to
* Custom navigation walker
* Support for multi-level drop down submenus
* Support for both absolute and relative navigation
* Improved version of the [accessible menu for WordPress themes](https://github.com/theme-smith/accessible-nav-wp), fully accessible and responsive multi-level navigation
* Support for animations
* Pure CSS hoverintent
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
@@ -5,7 +5,7 @@
* @package air-light
*/
define( 'AIR_VERSION', '3.9.0' );
define( 'AIR_VERSION', '4.0.0' );
/**
* Requires.
View
@@ -16,7 +16,6 @@
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link href="https://fonts.googleapis.com/css?family=Karla:400,700" rel="stylesheet">
<?php wp_head(); ?>
</head>
@@ -49,7 +48,7 @@
</span>
<span id="nav-toggle-label" class="screen-reader-text" aria-label="<?php esc_html_e( 'Menu', 'air-light' ); ?>"><?php esc_html_e( 'Menu', 'air-light' ); ?></span>
</button>
<nav id="nav" role="navigation">
<?php wp_nav_menu( array(
View
@@ -1,6 +1,6 @@
{
"name": "air-light",
"version": "3.9.0",
"version": "4.0.0",
"description": "A minimalist WordPress starter theme.",
"author": "Digitoimisto Dude Oy (moro@dude.fi)",
"devDependencies": {
@@ -36,7 +36,7 @@ $focus-text-color: #000;
color: #21759b;
display: block;
font-size: 1.7rem;
font-weight: bold;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
@@ -49,7 +49,7 @@ $focus-text-color: #000;
}
// Do not show the outline on the skip link target.
#content[tabindex="-1"]:focus {
[tabindex="-1"]:focus {
outline: 0;
}
@@ -60,32 +60,28 @@ $focus-text-color: #000;
// Visually distinct focus color on keyboard
[data-whatinput="keyboard"] {
body {
input,
button,
select,
textarea {
&:focus {
outline: 4px solid $focus-outline-color;
opacity: 1;
}
}
input:focus,
button:focus,
select:focus,
textarea:focus {
outline: 4px solid $focus-outline-color;
opacity: 1;
}
#nav ul li a:focus {
background: $focus-background-color;
color: $focus-text-color;
}
nav ul li a:focus {
background: $focus-background-color;
color: $focus-text-color;
}
a:focus {
outline: 2px solid $focus-outline-color;
background: $focus-background-color;
opacity: 1;
}
a:focus {
outline: 2px solid $focus-outline-color;
background: $focus-background-color;
opacity: 1;
}
}
// Make theme keyboard accessible with no Javascript enabled
body.no-js *:focus {
.no-js *:focus {
outline: 4px solid $focus-outline-color;
}
@@ -7,11 +7,10 @@
// -----------------------------------------------------------
// Set up self-hosted fonts here
@include fontFace('Poppins', '../fonts/poppins-light', 200);
@include fontFace('Poppins', '../fonts/poppins-regular', 400);
@include fontFace('Poppins', '../fonts/poppins-medium', 500);
@include fontFace('Poppins', '../fonts/poppins-semibold', 600);
@include fontFace('Poppins', '../fonts/poppins-bold', 700);
@include fontFace('Karla', '../fonts/poppins-regular', 400);
@include fontFace('Karla', '../fonts/poppins-italic', 400, italic);
@include fontFace('Karla', '../fonts/poppins-bold', 700);
@include fontFace('Karla', '../fonts/poppins-bolditalic', 700, italic);
// Set root size for rems
:root {
@@ -5,7 +5,7 @@
// version only.
// -----------------------------------------------------------
$nav-toggle-color: #333;
$nav-toggle-active-color: #333;
$nav-toggle-active-color: #fff;
$hamburger-padding-x: 1.5rem;
$hamburger-padding-y: 5rem;
$hamburger-layer-width: 4rem;
@@ -222,7 +222,7 @@ $hamburger-hover-transition-timing-function: linear;
-webkit-touch-callout: none;
user-select: none;
text-decoration: none;
padding: 1rem;
padding: 0;
margin: 0;
background: transparent;
cursor: pointer;
@@ -242,12 +242,12 @@ $hamburger-hover-transition-timing-function: linear;
span {
span {
background-color: rgba($nav-toggle-color, .5);
background-color: $nav-toggle-color;
}
&:before,
&:after {
background-color: rgba($nav-toggle-color, .5);
background-color: $nav-toggle-color;
}
}
}
@@ -273,10 +273,10 @@ $hamburger-hover-transition-timing-function: linear;
&.focus {
.hamburger-box {
.hamburger-inner {
background-color: $color-links;
background-color: $nav-toggle-active-color;
&:after {
background-color: $color-links;
background-color: $nav-toggle-active-color;
}
}
}
@@ -21,7 +21,7 @@
position: relative;
h1 {
@extend %h2;
@include responsive-font(2.4vw, 22px, 46px);
color: #383d29;
text-align: center;
margin: 0;
View
Binary file not shown.
View
@@ -4,7 +4,7 @@ Theme URI: https://github.com/digitoimistodude/air-light
Author: Digitoimisto Dude Oy
Author URI: https://www.dude.fi
Description: A minimalist WordPress starter theme.
Version: 3.9.0
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://github.com/digitoimistodude/air-light/blob/master/LICENSE.md
Text Domain: air

0 comments on commit f80cc7b

Please sign in to comment.