From bab1d5d526573bc091385227ffd46aff0c402df0 Mon Sep 17 00:00:00 2001 From: hicx76 Date: Tue, 3 Oct 2017 15:06:43 -0600 Subject: [PATCH 1/3] Added name to read me --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7bc2383..f619445 100644 --- a/README.md +++ b/README.md @@ -6,3 +6,4 @@ A place for your styling creativity to grow **NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.* +By: Brent Mercer \ No newline at end of file From 1ed25c2ee09c999182369f058f7fa00069104db1 Mon Sep 17 00:00:00 2001 From: hicx76 Date: Tue, 3 Oct 2017 16:44:42 -0600 Subject: [PATCH 2/3] added styles to css and small change to html --- index.html | 5 ++- style.css | 97 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 97 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 3a88ff2..51144aa 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,8 @@ Viking CSS Garden - + + @@ -16,6 +17,8 @@

Viking CSS Garden

A place for your styling creativity to grow

+
+
diff --git a/style.css b/style.css index 64192bc..f48ce16 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,99 @@ -/* ----------------------------------- * - * Your Styles Here - * ----------------------------------- */ +html { + font-family: "Baskerville", serif; + background-color: #363636; + color: #D4D4D4; +} +a { + color: #FFFFFF; + text-decoration: none; +} +body { + width: 80%; + margin: auto; +} +hr.divider { +border: 0; +height: 2px; +background: #333; +background-image: -webkit-linear-gradient(left, #333, #ccc, #333); +background-image: -moz-linear-gradient(left, #333, #ccc, #333); +background-image: -ms-linear-gradient(left, #333, #ccc, #333); +background-image: -o-linear-gradient(left, #333, #ccc, #333); +} - \ No newline at end of file +#main-content { + width: 75%; + float: left; + margin-bottom: 50px; +} + +#sidebar { + width: 20%; + float: right; +} + +#main-header { + text-align: center; +} + +h1, +h2 { + font-family: 'Germania One', cursive; + +} + +.site-title { + font-size: 6rem; + text-transform: uppercase; + margin-bottom: 0; + background: -webkit-linear-gradient(#eee, #333); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +h2 { + font-size: 2.3rem; +} + +h2.tagline { + font-size: 2rem; +} + +p:first-of-type::first-letter { + font-size: 4rem; + float: left; + line-height: 60px; + padding-top: 4px; + padding-right: 8px; + padding-left: 3px; +} + +p { + font-size: 1.2rem; + text-align: justify; +} + +ul { + padding-left: 10px ; +} + +.section-title { + margin-bottom: 0; +} + + +li { + list-style: none; + padding-top: 10px; + font-family: 'Germania One', cursive; + font-size: 1.5rem; +} + +a:hover { + text-decoration: underline; +} From e0e1b25a613dd43541fcb89417f5c00a9ed55418 Mon Sep 17 00:00:00 2001 From: hicx76 Date: Thu, 5 Oct 2017 11:43:41 -0600 Subject: [PATCH 3/3] Nes SASS stylesheet --- style.css | 118 +++++++++++++++++++++++------------------------------- 1 file changed, 49 insertions(+), 69 deletions(-) diff --git a/style.css b/style.css index f48ce16..96f2d7e 100644 --- a/style.css +++ b/style.css @@ -1,99 +1,79 @@ - html { - font-family: "Baskerville", serif; - background-color: #363636; - color: #D4D4D4; -} + font-family: "Baskerville", serif; + background-color: #363636; + color: #D4D4D4; } a { - color: #FFFFFF; - text-decoration: none; -} + color: #FFFFFF; + text-decoration: none; } body { - width: 80%; - margin: auto; -} - + width: 80%; + margin: auto; } hr.divider { -border: 0; -height: 2px; -background: #333; -background-image: -webkit-linear-gradient(left, #333, #ccc, #333); -background-image: -moz-linear-gradient(left, #333, #ccc, #333); -background-image: -ms-linear-gradient(left, #333, #ccc, #333); -background-image: -o-linear-gradient(left, #333, #ccc, #333); -} + border: 0; + height: 2px; + background: #333; + background-image: -webkit-linear-gradient(left, #333, #ccc, #333); + background-image: -moz-linear-gradient(left, #333, #ccc, #333); + background-image: -ms-linear-gradient(left, #333, #ccc, #333); + background-image: -o-linear-gradient(left, #333, #ccc, #333); } #main-content { - width: 75%; - float: left; - margin-bottom: 50px; -} + width: 75%; + float: left; + margin-bottom: 50px; } #sidebar { - width: 20%; - float: right; -} + width: 20%; + float: right; } #main-header { - text-align: center; -} - -h1, -h2 { - font-family: 'Germania One', cursive; + text-align: center; } -} +h1 { + font-family: 'Germania One', cursive; } .site-title { - font-size: 6rem; - text-transform: uppercase; - margin-bottom: 0; - background: -webkit-linear-gradient(#eee, #333); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} + font-size: 6rem; + text-transform: uppercase; + margin-bottom: 0; + background: -webkit-linear-gradient(#eee, #333); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } h2 { - font-size: 2.3rem; -} - -h2.tagline { - font-size: 2rem; -} + font-size: 2.3rem; + font-family: 'Germania One', cursive; } + h2 .tagline { + font-size: 2rem; } p:first-of-type::first-letter { - font-size: 4rem; - float: left; - line-height: 60px; - padding-top: 4px; - padding-right: 8px; - padding-left: 3px; -} + font-size: 4rem; + float: left; + line-height: 60px; + padding-top: 4px; + padding-right: 8px; + padding-left: 3px; } p { - font-size: 1.2rem; - text-align: justify; -} + font-size: 1.2rem; + text-align: justify; } ul { - padding-left: 10px ; -} + padding-left: 10px; } .section-title { - margin-bottom: 0; -} - + margin-bottom: 0; } li { - list-style: none; - padding-top: 10px; - font-family: 'Germania One', cursive; - font-size: 1.5rem; -} + list-style: none; + padding-top: 10px; + font-family: 'Germania One', cursive; + font-size: 1.5rem; } a:hover { - text-decoration: underline; -} + text-decoration: underline; } + +/*# sourceMappingURL=style.css.map */