diff options
Diffstat (limited to 'design/sass')
| -rw-r--r-- | design/sass/_house.scss | 89 | ||||
| -rw-r--r-- | design/sass/_mixins.scss | 1 | ||||
| -rw-r--r-- | design/sass/_projects.scss | 1 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 14 | ||||
| -rw-r--r-- | design/sass/screenv8.scss | 1 |
5 files changed, 106 insertions, 0 deletions
diff --git a/design/sass/_house.scss b/design/sass/_house.scss new file mode 100644 index 0000000..b3afcc0 --- /dev/null +++ b/design/sass/_house.scss @@ -0,0 +1,89 @@ +$blue: #39deea; + +.house .map img { background: none !important;} +.house .map { float: left;} +.house main { @include constrain_wide;} +.house .picwide { + background: none; + max-width: 100%; + margin: 0; + @include breakpoint(epsilon){ + width: 1280px; + } +} +.flist { + @extend %clearfix; + @include constrain(900px); + @include fancy_sans; + @include fontsize(18); + margin-top: 4em; + text-align: left; + list-style-position: inside; + color: #393939; + li { + margin: 1.5em 0; + min-height: 140px; + + } + li:first-of-type { margin-top: 0 ;} + + h3 { + @include fontsize(24); + max-width: 100%; + font-weight: 400; + margin: .25em 0 0 0; + padding-top: .15em; + } + .inner{ + display: inline-block; + width: 22px; + height: 22px; + border-radius: 30em; + position: absolute; + top: 19px; + left: 19px; + background: white url("/media/img/check.png") 50% 50% no-repeat; + background-size: 15px; + } + .outer { + display: inline-block; + float: left; + width: 60px; + height: 60px; + margin: 10px 40px 90px 0; + background: $blue; + border-radius: 30em; + position: relative; + } +} +.fsubhed { + @extend %clearfix; + @include constrain(1140px); + margin-top: 6em; + h2 { + margin-top: 0; + float: left; + position: relative; + font-weight: 400; + @include fontsize(32); + //&:after { + // content: ""; + // position: absolute; + // top: 50%; + // height: 2px; + // width: 200px; + // display: block; + // margin-top: -3px; + // margin-left: 3em; + // background-color: #e5e5e5; + //} + } + p { + @include constrain(800px); + float: right; + } + a, a:visited, a:hover { + color: $blue; + } + +} diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index bd3c5a1..5144ad9 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -1,4 +1,5 @@ $brown: #201a11; +$brown: #222; $light: #ccc; $orange: #b53a04; $link_color: #b53a04; diff --git a/design/sass/_projects.scss b/design/sass/_projects.scss index 7461137..0bf4db2 100644 --- a/design/sass/_projects.scss +++ b/design/sass/_projects.scss @@ -37,6 +37,7 @@ img { float: right; margin-left: 30px; + max-width: 640px; } li { margin-bottom: 4em } p { diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 0e4fda0..0fc6a62 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -366,6 +366,10 @@ figure.picwide img.picwide { @include constrain_wide; @extend %clearfix; margin-bottom: 1em; + img { + width: 100%; + padding: 0; + } div img { float: left; width: 100%; @@ -384,6 +388,9 @@ figure.picwide img.picwide { width: 100%; background: none; } + .row-right { + float: right; + } } .pic66 { max-width: 63.9%; @@ -395,8 +402,15 @@ figure.picwide img.picwide { max-width: 33%; } .pic5 { + max-width: 50.6%; + margin: 0 6px 6px 0; +} +.row-right .pic25 { max-width: 49.5%; } +.pic25 { + max-width: 24.5%; +} .embed-wrapper { @include constrain_wide; diff --git a/design/sass/screenv8.scss b/design/sass/screenv8.scss index 29dbb25..71988d2 100644 --- a/design/sass/screenv8.scss +++ b/design/sass/screenv8.scss @@ -23,6 +23,7 @@ @import "_figments.scss"; @import "_resume.scss"; @import "_inbox.scss"; +@import "_house.scss"; //@import _large.sass //@import _desktop_lg.sass |