From 7f5a9fdfad3e539abce068f577bb680c836c6955 Mon Sep 17 00:00:00 2001 From: Richard Feldman Date: Tue, 6 Sep 2016 20:58:02 -0700 Subject: [PATCH] Remove elm-css stuff from part12 --- part12/ElmHubCss.elm | 148 ---------------------------------------- part12/Stylesheets.elm | 24 ------- part12/elm-package.json | 3 +- part12/style.css | 139 +++++++++++++++++++++++++++++++++++++ 4 files changed, 140 insertions(+), 174 deletions(-) delete mode 100644 part12/ElmHubCss.elm delete mode 100644 part12/Stylesheets.elm create mode 100644 part12/style.css diff --git a/part12/ElmHubCss.elm b/part12/ElmHubCss.elm deleted file mode 100644 index 06a95f2..0000000 --- a/part12/ElmHubCss.elm +++ /dev/null @@ -1,148 +0,0 @@ -module ElmHubCss exposing (..) - -import Css exposing (..) - - -css : Stylesheet -css = - stylesheet - [ ((.) "content") - [ width (px 960) - , margin2 zero auto - , padding (px 30) - , fontFamilies [ "Helvetica", "Arial", "serif" ] - ] - -- TODO convert these remaining styles to use elm-css. - -- - -- header { - -- position: relative; - -- padding: 6px 12px; - -- height: 36px; - -- background-color: rgb(96, 181, 204); - -- } - -- - -- h1 { - -- color: white; - -- font-weight: normal; - -- margin: 0; - -- } - -- - -- .tagline { - -- color: #eee; - -- position: absolute; - -- right: 16px; - -- top: 12px; - -- font-size: 24px; - -- font-style: italic; - -- } - -- - -- .results { - -- list-style-image: url('http://img-cache.cdn.gaiaonline.com/76bd5c99d8f2236e9d3672510e933fdf/http://i278.photobucket.com/albums/kk81/d3m3nt3dpr3p/Tiny-Star-Icon.png'); - -- list-style-position: inside; - -- padding: 0; - -- } - -- - -- .results li { - -- font-size: 18px; - -- margin-bottom: 16px; - -- } - -- - -- .star-count { - -- font-weight: bold; - -- margin-right: 16px; - -- } - -- - -- a { - -- color: rgb(96, 181, 204); - -- text-decoration: none; - -- } - -- - -- a:hover { - -- text-decoration: underline; - -- } - -- - -- .search-query { - -- padding: 8px; - -- font-size: 24px; - -- margin-bottom: 18px; - -- margin-top: 36px; - -- } - -- - -- .search-button { - -- padding: 8px 16px; - -- font-size: 24px; - -- color: white; - -- border: 1px solid #ccc; - -- background-color: rgb(96, 181, 204); - -- margin-left: 12px - -- } - -- - -- .search-button:hover { - -- color: rgb(96, 181, 204); - -- background-color: white; - -- } - -- - -- .hide-result { - -- background-color: transparent; - -- border: 0; - -- font-weight: bold; - -- font-size: 18px; - -- margin-left: 18px; - -- cursor: pointer; - -- } - -- - -- .hide-result:hover { - -- color: rgb(96, 181, 204); - -- } - -- - -- button:focus, input:focus { - -- outline: none; - -- } - -- - -- .error { - -- background-color: #FF9632; - -- padding: 20px; - -- box-sizing: border-box; - -- overflow-x: auto; - -- font-family: monospace; - -- font-size: 18px; - -- } - -- - -- .search-input { - -- display: block; - -- float: left; - -- width: 50%; - -- } - -- - -- .search-options { - -- position: relative; - -- float: right; - -- width: 50%; - -- box-sizing: border-box; - -- padding: 20px; - -- } - -- - -- .search-option { - -- display: block; - -- float: left; - -- width: 50%; - -- box-sizing: border-box; - -- } - -- - -- .search-option input[type="text"] { - -- padding: 5px; - -- box-sizing: border-box; - -- width: 90%; - -- } - -- - -- .search:after { - -- content: ""; - -- display: table; - -- clear: both; - -- } - -- - -- .top-label { - -- display: block; - -- color: #555; - -- } - ] diff --git a/part12/Stylesheets.elm b/part12/Stylesheets.elm deleted file mode 100644 index b151b9c..0000000 --- a/part12/Stylesheets.elm +++ /dev/null @@ -1,24 +0,0 @@ -port module Stylesheets exposing (..) - -import Css.File exposing (..) -import ElmHubCss -import Html exposing (div) -import Html.App as Html - - -port files : CssFileStructure -> Cmd msg - - -cssFiles : CssFileStructure -cssFiles = - toFileStructure [ ( "style.css", compile [ ElmHubCss.css ] ) ] - - -main : Program Never -main = - Html.program - { init = ( (), files cssFiles ) - , view = \_ -> (div [] []) - , update = \_ _ -> ( (), Cmd.none ) - , subscriptions = \_ -> Sub.none - } diff --git a/part12/elm-package.json b/part12/elm-package.json index 5a57200..a2e7037 100644 --- a/part12/elm-package.json +++ b/part12/elm-package.json @@ -12,8 +12,7 @@ "NoRedInk/elm-decode-pipeline": "1.1.2 <= v < 2.0.0", "elm-lang/core": "4.0.1 <= v < 5.0.0", "elm-lang/html": "1.0.0 <= v < 2.0.0", - "evancz/elm-sortable-table": "1.0.0 <= v < 2.0.0", - "rtfeldman/elm-css": "5.0.0 <= v < 6.0.0" + "evancz/elm-sortable-table": "1.0.0 <= v < 2.0.0" }, "elm-version": "0.17.0 <= v < 0.18.0" } diff --git a/part12/style.css b/part12/style.css new file mode 100644 index 0000000..26acacd --- /dev/null +++ b/part12/style.css @@ -0,0 +1,139 @@ + +.content { + width: 960px; + margin: 0 auto; + padding: 30px; + font-family: Helvetica, Arial, serif; +} + +header { + position: relative; + padding: 6px 12px; + height: 36px; + background-color: rgb(96, 181, 204); +} + +h1 { + color: white; + font-weight: normal; + margin: 0; +} + +.tagline { + color: #eee; + position: absolute; + right: 16px; + top: 12px; + font-size: 24px; + font-style: italic; +} + +.results { + list-style-image: url('http://img-cache.cdn.gaiaonline.com/76bd5c99d8f2236e9d3672510e933fdf/http://i278.photobucket.com/albums/kk81/d3m3nt3dpr3p/Tiny-Star-Icon.png'); + list-style-position: inside; + padding: 0; +} + +.results li { + font-size: 18px; + margin-bottom: 16px; +} + +.star-count { + font-weight: bold; + margin-right: 16px; +} + +a { + color: rgb(96, 181, 204); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.search-query { + padding: 8px; + font-size: 24px; + margin-bottom: 18px; + margin-top: 36px; +} + +.search-button { + padding: 8px 16px; + font-size: 24px; + color: white; + border: 1px solid #ccc; + background-color: rgb(96, 181, 204); + margin-left: 12px +} + +.search-button:hover { + color: rgb(96, 181, 204); + background-color: white; +} + +.hide-result { + background-color: transparent; + border: 0; + font-weight: bold; + font-size: 18px; + margin-left: 18px; + cursor: pointer; +} + +.hide-result:hover { + color: rgb(96, 181, 204); +} + +button:focus, input:focus { + outline: none; +} + +.error { + background-color: #FF9632; + padding: 20px; + box-sizing: border-box; + overflow-x: auto; + font-family: monospace; + font-size: 18px; +} + +.search-input { + display: block; + float: left; + width: 50%; +} + +.search-options { + position: relative; + float: right; + width: 50%; + box-sizing: border-box; + padding: 20px; +} + +.search-option { + display: block; + float: left; + width: 50%; + box-sizing: border-box; +} + +.search-option input[type="text"] { + padding: 5px; + box-sizing: border-box; + width: 90%; +} + +.search:after { + content: ""; + display: table; + clear: both; +} + +.top-label { + display: block; + color: #555; +}