scss fixes and header text wrapping goodness
This commit is contained in:
Andrew Banchich
parent
63334bd3f3
commit
7f3d42b344
|
|
@ -1,4 +1,4 @@
|
|||
# Site settings
|
||||
# site settings
|
||||
title: Forty
|
||||
subtitle: by HTML5 UP
|
||||
email: youremailaddress@gmail.com
|
||||
|
|
@ -13,11 +13,11 @@ zip_code: 55555
|
|||
country: United States of America
|
||||
phone: (716) 555-5555
|
||||
|
||||
# Homepage tiles
|
||||
# homepage tiles
|
||||
tiles-source: posts # accepts "posts" or "pages"
|
||||
tiles-count: 6
|
||||
|
||||
# Social settings
|
||||
# social settings
|
||||
500px_url:
|
||||
facebook_url:
|
||||
github_url:
|
||||
|
|
@ -29,7 +29,7 @@ pinterest_url:
|
|||
slack_url:
|
||||
twitter_url: https://twitter.com/andrewbanchich
|
||||
|
||||
# Build settings
|
||||
# build settings
|
||||
markdown: kramdown
|
||||
|
||||
sass:
|
||||
|
|
|
|||
|
|
@ -18,20 +18,21 @@
|
|||
width: -webkit-max-content;
|
||||
width: -ms-max-content;
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
margin-bottom: _size(element-margin);
|
||||
|
||||
> :first-child {
|
||||
margin-bottom: 0;
|
||||
width: calc(100% + 0.5em);
|
||||
margin-bottom: 0;
|
||||
width: calc(100% + 0.5em);
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
background-color: _palette(fg-bold);
|
||||
display: block;
|
||||
height: 2px;
|
||||
margin: 0.325em 0 0.5em 0;
|
||||
width: 100%;
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
background-color: _palette(fg-bold);
|
||||
display: block;
|
||||
height: 2px;
|
||||
margin: 0.325em 0 0.5em 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
> p {
|
||||
|
|
@ -66,4 +67,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
andrew@desktop.12459:1494934717
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
max-height: 50em;
|
||||
|
||||
&.alt {
|
||||
opacity: 0.75;
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -174,4 +174,4 @@
|
|||
@include padding(6em, 0, (2em, 0, 0, 0));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,43 +0,0 @@
|
|||
/*
|
||||
Forty by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Button */
|
||||
|
||||
.button {
|
||||
border: solid 2px !important;
|
||||
}
|
||||
|
||||
.button.next {
|
||||
padding-right: 1.75em;
|
||||
}
|
||||
|
||||
.button.next:before, .button.next:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tiles */
|
||||
|
||||
.tiles article {
|
||||
width: 50%;
|
||||
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
|
||||
}
|
||||
|
||||
#banner:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
background: #242943;
|
||||
}
|
||||
|
|
@ -1,94 +0,0 @@
|
|||
/*
|
||||
Forty by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Spotlights */
|
||||
|
||||
.spotlights > section:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.spotlights > section > .image {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.spotlights > section > .content {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Tiles */
|
||||
|
||||
.tiles:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tiles article {
|
||||
padding: 8em 4em 6em 4em ;
|
||||
float: left;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header .logo {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#header nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
padding: 7em 0 4em 0 ;
|
||||
background-attachment: scroll;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
#banner > .inner .content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#banner > .inner .content > * {
|
||||
margin-left: 0;
|
||||
margin: 0 0 2em 0;
|
||||
}
|
||||
|
||||
#banner.major {
|
||||
height: auto;
|
||||
max-height: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/* Contact */
|
||||
|
||||
#contact:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#contact > .inner > * {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu .inner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
3916
assets/css/main.css
3916
assets/css/main.css
File diff suppressed because it is too large
Load Diff
|
|
@ -1,3 +1,5 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
|
|
@ -75,4 +77,4 @@
|
|||
@import 'layout/contact';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/wrapper';
|
||||
@import 'layout/menu';
|
||||
@import 'layout/menu';
|
||||
Loading…
Reference in New Issue