Commit ec017631 authored by Derek Nutile's avatar Derek Nutile

Style changes; remove cruft

parent 26c89c7b
Pipeline #58836001 passed with stage
in 27 seconds
......@@ -6,117 +6,9 @@
section {
margin-bottom: 1em; }
#main {
.grid-container {
font-size: 1.2em;
display: grid;
max-width: 710px;
margin: 4rem auto; }
#main > header {
grid-area: head;
padding: 1em;
background-color: #fff; }
#main > nav {
grid-area: nav;
padding: 1em;
background-color: #eee; }
#main > main {
grid-area: main;
padding: 1em;
background-color: #ddd; }
#main > footer {
grid-area: foot;
padding: 1em;
background-color: #ccc; }
.card {
cursor: pointer;
width: 10vw;
height: 10vw;
padding: .5em .2em 0 .2em;
margin: .5em;
border: 1px solid #dcedb9;
border-collapse: collapse;
overflow: hidden; }
.card:hover {
background: #cbd081;
transition: .5s; }
.card:hover .card-title {
color: #d2e59e; }
.card:hover .card-copy {
color: #001; }
.empty {
background: none;
border: none; }
.card-title {
font-weight: 700;
text-align: center;
font-size: 4.5vw;
padding-bottom: 1vw;
color: #b1c1c0; }
.card-copy {
font-size: 1.9vw;
text-align: center;
color: #918868; }
.boxed {
border: 1px solid #000;
padding: 1em; }
.light {
background: whitesmoke; }
.display-box {
display: -webkit-box; }
.pack-end {
-webkit-box-pack: end;
-moz-box-pack: end;
-webkit-flex-pack: end; }
.pack-justify {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-flex-pack: justify; }
.pack-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-flex-pack: center; }
.align-start {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-flex-align: start; }
.align-end {
-webkit-box-align: end;
-moz-box-align: end;
-webkit-flex-align: end; }
.align-center {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-flex-align: center; }
.align-baseline {
-webkit-box-align: baseline;
-moz-box-align: baseline;
-webkit-flex-align: baseline; }
.align-stretch {
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-flex-align: stretch; }
.height-200 {
height: 200px; }
max-width: 720px;
margin: 4rem auto;
padding: 1rem; }
......@@ -9,12 +9,14 @@
</head>
<body>
<div id="vueapp">
<div id="main">
<div class="grid-container">
<h1>{{ appAuthor }}</h1>
<p>I'm currently in the process of modernizing my personal site as well as moving it from Github to Gitlab where I'm currently keeping all my repositories.</p>
<p><a href="https://gitlab.com/dereknutile/dereknutile.gitlab.io">https://gitlab.com/dereknutile/dereknutile.gitlab.io</a></p>
</div>
<!-- /.container -->
</div>
<!-- #vueapp -->
<script src="js/app.js"></script>
</body>
</html>
......@@ -19,11 +19,12 @@ section {
}
// CSS Grid testing
#main {
.grid-container {
font-size: 1.2em;
display: grid;
max-width: 710px;
max-width: 720px;
margin: 4rem auto;
padding: 1rem;
// height: 100%;
// note the template areas below
......@@ -34,136 +35,4 @@ section {
// grid-template-rows: 25%;
// grid-template-columns: 14% 14% 14% 14% 14% 14% 1fr;
}
#main > header {
grid-area: head;
padding: 1em;
background-color: #fff;
}
#main > nav {
grid-area: nav;
padding: 1em;
background-color: #eee;
}
#main > main {
grid-area: main;
padding: 1em;
background-color: #ddd;
}
#main > footer {
grid-area: foot;
padding: 1em;
background-color: #ccc;
}
.card {
cursor: pointer;
width: 10vw;
height: 10vw;
padding: .5em .2em 0 .2em;
margin: .5em;
border: 1px solid #dcedb9;
border-collapse: collapse;
overflow: hidden;
}
.card:hover {
background: #cbd081;
transition: .5s;
}
.card:hover .card-title {
color: #d2e59e;
}
.card:hover .card-copy {
color: #001;
}
.empty {
background: none;
border: none;
}
.card-title {
font-weight: 700;
text-align: center;
font-size: 4.5vw;
padding-bottom: 1vw;
color: #b1c1c0;
}
.card-copy {
font-size: 1.9vw;
text-align: center;
color: #918868;
}
.boxed {
border: 1px solid #000;
padding: 1em;
}
.light {
background: whitesmoke;
}
.display-box {
display: -webkit-box;
}
.pack-end {
-webkit-box-pack: end;
-moz-box-pack: end;
-webkit-flex-pack: end;
}
.pack-justify {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-flex-pack: justify;
}
.pack-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-flex-pack: center;
}
.align-start {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-flex-align: start;
}
.align-end {
-webkit-box-align: end;
-moz-box-align: end;
-webkit-flex-align: end;
}
.align-center {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-flex-align: center;
}
.align-baseline {
-webkit-box-align: baseline;
-moz-box-align: baseline;
-webkit-flex-align: baseline;
}
.align-stretch {
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-flex-align: stretch;
}
.height-200 {
height: 200px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment