summaryrefslogtreecommitdiff
path: root/_assets/screen.scss
diff options
context:
space:
mode:
authorFranck Cuny <franck.cuny@gmail.com>2014-02-12 07:49:21 -0800
committerFranck Cuny <franck.cuny@gmail.com>2014-02-12 07:49:21 -0800
commit152b983ea925c2c0692565036e67cf0adb4ba54c (patch)
tree230dc5c5ba8ba576255306d229496d3ac83d29ab /_assets/screen.scss
parentUpdate some drafts. (diff)
downloadlumberjaph-152b983ea925c2c0692565036e67cf0adb4ba54c.tar.gz
remove a bunch of dependencies
Diffstat (limited to '_assets/screen.scss')
-rw-r--r--_assets/screen.scss467
1 files changed, 0 insertions, 467 deletions
diff --git a/_assets/screen.scss b/_assets/screen.scss
deleted file mode 100644
index b1feaf4..0000000
--- a/_assets/screen.scss
+++ /dev/null
@@ -1,467 +0,0 @@
-@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic);
-
-$mq-mobile-portrait : 20em !default;
-$mq-mobile-landscape : 30em !default;
-$mq-tablet-portrait : 40em !default;
-$mq-tablet-landscape : 64em !default;
-$mq-desktop : 86.375em !default;
-
-// Both portrait and landscape
-@mixin mobile-only {
- @media (max-width : $mq-mobile-landscape) {
- @content;
- }
-}
-
-// Everything up to and including the portrait width of the phone
-// Since it's the smallest query it doesn't need a min
-@mixin mobile-portrait-only {
- @media (max-width : $mq-mobile-portrait) {
- @content;
- }
-}
-
-// Everything up to and including the mobile portrait
-@mixin mobile-portrait-and-below {
- @media (max-width : $mq-mobile-portrait) {
- @content;
- }
-}
-
-// Everything above and including the mobile portrait
-@mixin mobile-portrait-and-up {
- @media (min-width : $mq-mobile-portrait) {
- @content;
- }
-}
-
-// Everthing larger than a portrait mobile up until mobile landscape
-@mixin mobile-landscape-only {
- @media only screen and (min-width : $mq-mobile-portrait + .001) and (max-width : $mq-mobile-landscape) {
- @content;
- }
-}
-
-// Everything up to and including the mobile landscape width
-@mixin mobile-landscape-and-below {
- @media only screen and (max-width : $mq-mobile-landscape) {
- @content;
- }
-}
-
-// Everything above and including the mobile landscape width
-@mixin mobile-landscape-and-up {
- @media only screen and (min-width : $mq-mobile-portrait + .001) {
- @content;
- }
-}
-
-// Both the portrait and landscape width of the tablet
-// Larger than a landscape mobile but less than or equal to a landscape tablet
-@mixin tablet-only {
- @media only screen and (min-width : $mq-mobile-landscape + .001) and (max-width : $mq-tablet-landscape) {
- @content;
- }
-}
-
-// Everything larger than mobile landscape up until the portrait width of the tablet
-@mixin tablet-portrait-only {
- @media only screen and (min-width : $mq-mobile-landscape + .001) and (max-width : $mq-tablet-portrait) {
- @content;
- }
-}
-
-// Everything below and including the portrait width of the tablet
-@mixin tablet-portrait-and-below {
- @media only screen and (max-width : $mq-tablet-portrait) {
- @content;
- }
-}
-
-// Everything above and including the portrait width of the tablet
-@mixin tablet-portrait-and-up {
- // @media only screen and (min-width : $mq-mobile-landscape + 1) {
- @media only screen and (min-width : $mq-tablet-portrait + .001) {
- @content;
- }
-}
-
-// Larger than portrait but less than or equal to the landscape width
-@mixin tablet-landscape-only {
- @media only screen and (min-width : $mq-tablet-portrait + .001) and (max-width : $mq-tablet-landscape) {
- @content;
- }
-}
-
-// Up to and including the tablet landscape
-@mixin tablet-landscape-and-below {
- @media only screen and (max-width : $mq-tablet-landscape) {
- @content;
- }
-}
-
-// Everything larger than portrait tablet
-@mixin tablet-landscape-and-up {
- @media only screen and (min-width : $mq-tablet-portrait + .001) {
- @content;
- }
-}
-
-// Everything larger than a landscape tablet
-@mixin desktop-and-up {
- @media only screen and (min-width : $mq-tablet-landscape + .001) {
- @content;
- }
-}
-
-// Everything below and including the desktop
-@mixin desktop-and-below {
- @media only screen and (max-width : $mq-desktop) {
- @content;
- }
-}
-
-// Everything larger than a landscape tablet but less than or equal to the desktop
-@mixin desktop-only {
- @media only screen and (min-width : $mq-tablet-landscape + .001) and (max-width : $mq-desktop) {
- @content;
- }
-}
-
-@mixin retina {
- @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
- @content;
- }
-}
-
-@mixin image-2x($image, $width: auto, $height: $width) {
- @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
- only screen and (-o-min-device-pixel-ratio: 13/10),
- only screen and (min-resolution: 120dpi) {
- background-image: url($image);
- @if $width != auto {
- background-size: $width $height;
- }
- }
-}
-
-html {
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
-}
-
-body {
- font-family: 'Noto Sans', sans-serif;
- background-color: #fff;
- font-weight:400;
- text-align:left;
-
- margin: auto;
- font-size: 15px;
-
- @include tablet-portrait-and-below {
- font-size: 0.8em;
- }
-}
-
-em {
- font-style: italic;
-}
-
-a {
- color:#4c6296;
- text-decoration:none;
- outline:0
-}
-
-a:hover{
- color:#173061;
- text-decoration:none
-}
-
-a:visited{
- color:#6a4c96
-}
-
-a:visited:hover{
- color:#463263
-}
-
-a img{
- border:0
-}
-
-#cover_wrap {
- width: 623px;
-
- @include tablet-portrait-and-below {
- width: 90%;
- }
- margin: auto;
- line-height: 1;
- border-bottom: 1px solid #e8ebf2;
-
- #masthead {
-
- header {
- display: block;
- }
-
- margin: 0 auto;
- color: #57626b;
-
- .intro {
- line-height: 0.8;
- float: left;
- h1 {
- line-height: 1;
- }
- }
-
- #home {
- font-size: 1.2em;
- font-weight: 700;
- color: #57626b;
- }
-
- h1 {
- font-weight: 700;
- font-size: 1.1em;
- }
-
- h2 {
- font-weight: 500;
- color: #999;
- font-size: 1em;
- }
- a {
- text-decoration: none;
- font-size: 0.8em;
- font-weight: 500;
- color: #669ecc;
- }
- }
-}
-
-.clearfix:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- font-size: 0;
-}
-
-
-#footer {
- width: 623px;
- margin: auto;
- @include tablet-portrait-and-below {
- width: 90%;
- }
-
- border-top: 1px solid #e8ebf2;
- box-shadow: inset 0 1px 0 #fff;
- background: #fdfdfd;
-
- display: block;
-
- .center_mod {
- margin: 0 auto;
- }
-}
-
-.nav {
- float: right;
- padding: 0;
- li {
- line-height:1.3;
- display: inline-block;
- a {
- margin-right: 16px;
- font-weight: 700;
- color: #9198ad;
- font-size: 12px;
- }
- }
-}
-
-img {
- width: 100%;
- max-width: 1000px;
- text-align: center;
- vertical-align: baseline;
- height: auto!important;
-}
-
-figure {
- margin: 4em 0;
- display: block;
- text-align: center;
-}
-
-#site{
- section {
- width: 623px;
- margin: auto;
- @include tablet-portrait-and-below {
- width: 90%;
- }
- }
-
- margin: auto;
- text-align: left;
- line-height: 1.65;
- font-weight: 400;
- font-size: 110%;
-
- .post-listing {
- width: 623px;
- @include tablet-portrait-and-below {
- width: 90%;
- }
- margin: auto;
- padding-left: 0px;
- display: block;
- list-style-image: none;
- list-style-position: outside;
- margin-bottom: 1em;
- }
- .post-listing li {
- list-style-type: none;
- margin: 2.5em 0;
- }
- .post-listing li:first-child {
- margin-top: 0;
- }
- .post-listing li h2 {
- color: #2C251D;
- }
- .post-listing .oneliner {
- color: #4A4235;
- }
-
- .post-listing .entry-title {
- margin: 15px auto;
- }
-
- .post-listing .entry-title h2 {
- font-size: 1.7em;
- font-weight: 500;
- margin-bottom: 5px;
- color: #2c251d;
- line-height: 1.1;
- }
-
- #resume {
- #interests {
- p {
- font-weight: 700;
- margin-top: 4em;
- }
- }
- h2 {
- margin-top: 3em;
- text-align: center;
- }
- h3 {
- font-weight: 700;
- font-size: 1.1em;
- }
- .exp {
- padding-bottom: 1.2em;
- border-bottom: 1px solid #dedede;
- }
- .exp:last-child {
- border-bottom: 1px solid white;
- }
- }
-
- #entry {
- padding: 0;
- margin: 0 auto;
- font-weight: 300;
- color: #222;
-
- .entry-title {
- width: 623px;
- @include tablet-portrait-and-below {
- width: 90%;
- }
- margin: 15px auto;
- font-size: 100%;
- h1 {
- color: #2c251d;
- font-size: 2.2em;
- font-weight: 700;
- line-height: 1.1;
- }
- }
-
- section {
- font-size: 100%;
- }
-
- a {
- font-weight: 600;
- text-decoration: underline;
- color: #4c6296;
- }
-
- a:visited {
- color: #6a4c96;
- }
-
- blockquote {
- border-left: 4px solid #eee;
- margin-left: 0;
- margin-right: 18px;
- margin-bottom: 18px;
- padding-left: 10px;
- color: #666;
- }
-
- pre{
- font-size: 13px;
- font-family: Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif;
- -webkit-font-smoothing:subpixel-antialiased;
- font-smoothing:subpixel-antialiased;
- background-color: #fff;
- border: 1px solid #d1d8e3;
- padding: .35em;
- overflow: auto;
- overflow-y: hidden;
- }
-
- pre::-webkit-scrollbar {
- height: 12px;
- background-color: #fafafa;
- border-top: 1px solid #d1d8e3;
- }
-
- .highlight code {
- font-size: 95%;
- }
-
- p code, li code {
- background-color: #eee;
- font-weight: 400;
- font-size: 90%;
- font-family: Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif;;
- }
-
- .highlight {
- margin: 1.5em 0;
- }
-
- p {
- margin: 0 0 1.5em;
- }
-
- h2 {
- font-weight: 700;
- font-size: 1.6em;
- color: #5F516;
- }
- }
-}