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;
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,
h6 {
font-weight: bold;
}
small {
font-size: .75em;
}

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

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

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

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

6
header.php
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<html lang="en-EN">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta charset="UTF-8">
<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">
<title><?php wp_title( '' ); ?></title>
<title>Title</title>
<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>">
<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
*/
.visible-mobile {
.visible-on-mobile {
display: none !important; }
@media screen and (max-width: 767px) {
.visible-mobile {
.visible-on-mobile {
display: block !important; } }
.visible-tablet {
.visible-on-tablet {
display: none !important; }
@media screen and (max-width: 992px) {
.visible-tablet {
.visible-on-tablet {
display: block !important; } }
@media screen and (max-width: 992px) {
.visible-desktop {
.visible-on-desktop {
display: none !important; } }
body {
@ -456,6 +456,13 @@ a {
color: #444;
text-decoration: underline; }
/**
* Rulers
*/
hr {
background-color: #444;
height: 1px; }
img {
max-width: 100%;
vertical-align: top; }
@ -562,18 +569,35 @@ h5,
h6 {
font-weight: bold; }
small {
font-size: .75em; }
.btn {
background-color: #444;
color: #fff;
border: 1px solid transparent;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 24px;
padding: 6px 24px;
text-align: center;
width: auto; }
width: auto;
transition: all 0.5s; }
.btn::-moz-focus-inner {
border: 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 {
display: block;