Permalink
Browse files

[1.0.0] Import code from lex-site

  • Loading branch information...
jamierocks committed Dec 30, 2015
1 parent 876df32 commit bcf81913960f59424d2dfce13de2dd4930cbd645
Showing with 282 additions and 0 deletions.
  1. +38 −0 scss/_base.scss
  2. +19 −0 scss/_blog.scss
  3. +34 −0 scss/_footer.scss
  4. +79 −0 scss/_nav.scss
  5. +69 −0 scss/_page.scss
  6. +32 −0 scss/_panel.scss
  7. +4 −0 scss/_variables.scss
  8. +7 −0 scss/violet.scss
@@ -0,0 +1,38 @@

html {
height: 100%;
box-sizing: border-box;
}

body {
position: relative;
margin: 0;
padding-bottom: 3em;
min-height: 100%;

background: #efefef;
// font-family: 'Blogger Sans', sans-serif;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
margin: 0;
}

a {
color: #0096dd;
text-decoration: none;

&:visited {
color: #0073aa;
}
}

main {
padding-bottom: 1em;
}
@@ -0,0 +1,19 @@
.blog-post {
@extend .panel;

.blog-heading {
@extend .panel-heading;
}

.blog-subheading {
// padding
padding: 0.4em;

// background
background-color: #c0c0c0;
}

.blog-body {
@extend .panel-body;
}
}
@@ -0,0 +1,34 @@
.footer {
background: white;

height: 3em;

display: flex;
align-items: center;

position: absolute;
bottom: 0;
left: 0;
width: 100%;

ul {
list-style: none;
flex: 1;
li {
padding: 0 0.5em;
display: inline;
}
a {
color: #000;
&:hover {
text-decoration: underline;
}
}
}

.brand {
font-size: x-large;
float: right;
padding: 0.25em 0.8em;
}
}
@@ -0,0 +1,79 @@
.nav-bar {
display: block;
width: 100%;
float: left;

list-style: none;
margin: 0;
padding: 0;

background-color: black;

//font-family: 'Blogger Sans', sans-serif;

.enabled {
background-color: $colour_lex_green;
border-bottom-color: $colour_lex_green !important;
}

li {
float: left;
padding: 0.25em 0.8em calc(0.25em - 0.4em) 0.8em;

font-size: x-large;
color: white;
font-weight: bold;

border-bottom: 0.4em solid black;

a {
color: white;
text-decoration: none;
}

&:not(.brand) {
border-right: 0.05em solid #ccc;
}

&:last-child {
border-right: none;
}

&:hover:not(.brand) {
border-bottom-color: $colour_lex_green;
}
}

.brand {
float: right;
}
}

.nav-bar-fixed {
top: 0;
padding: 0;
position: fixed;
list-style-type: none;
text-decoration: none;
display: inline-block;
z-index: 5;
li {
font-size: x-large;
padding: 0.4em 0.8em 0.4em calc(0.8em - 0.2em);
//background: #efefef;
border-left: 0.4em solid rgba(1, 1, 1, 0);

a {
color: black;
text-decoration: none;
}

&:hover {
border-left-color: black;
}
}

.brand {
display: none;
}
}
@@ -0,0 +1,69 @@
.page-container {
margin-left: 12em;
margin-right: 12em;
.title {
font-size: xx-large;
}
}

.page-display {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
font-weight: bold;

h1 {
text-decoration: underline;
font-weight: bold;
padding: 0.2em 0 0.5em;
}
}

.page-content {
display: inline-block;
text-align: center;
word-wrap: break-word;
width: 100%;
* {
@media (min-width: 1500px) {
margin: 0 10em;
}
@media (max-width: 1500px) {
margin: 0 10em;
}
@media (min-width: 1269px) {
max-height: 22.5rem !important;
}
@media (min-width: 1166px) {
max-height: 17.5rem !important;
}
}
p {
font-size: 1.2em;
}
}

.page-snippet {
display: block;
width: 45%;
height: 12%;
padding: 0.75em;
border-radius: 0.4em;
border: 0.15em solid #7a7a7a;
background-color: #f5f5f5;

.center {
margin: auto;
}

.left {
float: left;
margin: 2em;
}

.right {
float: right;
margin: 2em;
}
}
@@ -0,0 +1,32 @@
.panel {
display: inline-block;

// width, height
width: 80%;
height: 80%;

// border
border: 0.2em black solid;
border-radius: 0.4em;

// text presets
text-align: left;

* {
// margin
margin: 0;
}

.panel-heading {
// padding
padding: 0.4em;

// background
background-color: #cacaca;
}

.panel-body {
// padding
padding: 0.3em;
}
}
@@ -0,0 +1,4 @@
// Colours
//////////

$colour_lex_green: #33cc33;
@@ -0,0 +1,7 @@
@import "variables";
@import "base";
@import "page";
@import "panel";
@import "nav";
@import "footer";
@import "blog";

0 comments on commit bcf8191

Please sign in to comment.