Congegni
/
barebones
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

General updates

This commit is contained in:
Pedro Reis 2015-10-14 14:58:18 +01:00
parent 075200a59b
commit e119dbab5a
6 changed files with 86 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/sass/base/_base.scss
View File

@ -32,4 +32,14 @@ a {
color: $base-colour; color: $base-colour;
text-decoration: underline; text-decoration: underline;
} }
}
/**
* Rulers
*/
hr {
background-color: $base-colour;
height: 1px;
} }

4
assets/sass/base/_typography.scss
View File

@ -5,4 +5,8 @@ h4,
h5, h5,
h6 { h6 {
font-weight: bold; font-weight: bold;
}
small {
font-size: .75em;
} }

49
assets/sass/components/_buttons.scss
View File

@ -1,24 +1,41 @@
.btn { .btn {
background-color: $base-colour; background-color: $brand-colour;
color: $base-background-colour; color: $base-background-colour;
display: inline-block; border: 1px solid transparent;
height: ($base-spacing-unit * 1.5); display: inline-block;
line-height: ($base-spacing-unit * 1.5); padding: ($base-spacing-unit / 4) $base-spacing-unit;
padding: 0 $base-spacing-unit; text-align: center;
text-align: center; width: auto;
width: auto; transition: all .5s;
&::-moz-focus-inner { &::-moz-focus-inner {
border: 0; border: 0;
padding: 0; padding: 0;
} }
&:hover {
text-decoration: none;
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
}
}
.btn--inverse {
background-color: $base-background-colour;
color: $brand-colour;
border: 1px solid $brand-colour;
&:hover {
background-color: $brand-colour;
color: $base-background-colour;
border: 1px solid transparent;
}
} }
.btn--block { .btn--block {
display: block; display: block;
width: 100%; width: 100%;
} }
.btn--link { .btn--link {
background-color: transparent; background-color: transparent;
color: $base-colour; color: $brand-colour;
} }

6
assets/sass/utils/_helpers.scss
View File

@ -56,21 +56,21 @@
* Elements visibility * Elements visibility
*/ */
.visible-mobile { .visible-on-mobile {
display: none !important; display: none !important;
@include resp-max($breakpoint-sm) { @include resp-max($breakpoint-sm) {
display: block !important; display: block !important;
} }
} }
.visible-tablet { .visible-on-tablet {
display: none !important; display: none !important;
@include resp-max($breakpoint-md) { @include resp-max($breakpoint-md) {
display: block !important; display: block !important;
} }
} }
.visible-desktop { .visible-on-desktop {
@include resp-max($breakpoint-md) { @include resp-max($breakpoint-md) {
display: none !important; display: none !important;
} }

6
header.php
View File

@ -1,10 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html <?php language_attributes(); ?>> <html lang="en-EN">
<head> <head>
<meta charset="<?php bloginfo( 'charset' ); ?>"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title><?php wp_title( '' ); ?></title> <title>Title</title>
<link rel="dns-prefetch" href="//google-analytics.com"> <link rel="dns-prefetch" href="//google-analytics.com">
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>"> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png"> <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">

42
styles.css
View File

@ -409,20 +409,20 @@ table {
/** /**
* Elements visibility * Elements visibility
*/ */
.visible-mobile { .visible-on-mobile {
display: none !important; } display: none !important; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.visible-mobile { .visible-on-mobile {
display: block !important; } } display: block !important; } }
.visible-tablet { .visible-on-tablet {
display: none !important; } display: none !important; }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.visible-tablet { .visible-on-tablet {
display: block !important; } } display: block !important; } }
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {
.visible-desktop { .visible-on-desktop {
display: none !important; } } display: none !important; } }
body { body {
@ -456,6 +456,13 @@ a {
color: #444; color: #444;
text-decoration: underline; } text-decoration: underline; }
/**
* Rulers
*/
hr {
background-color: #444;
height: 1px; }
img { img {
max-width: 100%; max-width: 100%;
vertical-align: top; } vertical-align: top; }
@ -562,18 +569,35 @@ h5,
h6 { h6 {
font-weight: bold; } font-weight: bold; }
small {
font-size: .75em; }
.btn { .btn {
background-color: #444; background-color: #444;
color: #fff; color: #fff;
border: 1px solid transparent;
display: inline-block; display: inline-block;
height: 36px; padding: 6px 24px;
line-height: 36px;
padding: 0 24px;
text-align: center; text-align: center;
width: auto; } width: auto;
transition: all 0.5s; }
.btn::-moz-focus-inner { .btn::-moz-focus-inner {
border: 0; border: 0;
padding: 0; } padding: 0; }
.btn:hover {
text-decoration: none;
background-color: #fff;
color: #444;
border: 1px solid #444; }
.btn--inverse {
background-color: #fff;
color: #444;
border: 1px solid #444; }
.btn--inverse:hover {
background-color: #444;
color: #fff;
border: 1px solid transparent; }
.btn--block { .btn--block {
display: block; display: block;