cerchez07/elm-0.19-workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make even more of part13 pre-styled

Browse Source
This commit is contained in:
Richard Feldman
2016-09-07 07:34:45 -05:00
parent bbbdce91cd
commit d4899a4405
1 changed files with 42 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
part13/ElmHubCss.elm
View File

@@ -11,7 +11,21 @@ import Css.Elements exposing (..)
css : Stylesheet css : Stylesheet
css = css =
stylesheet stylesheet
[ ((.) "content") [ -- TODO style hide-result
--
-- .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);
-- }
((.) "content")
[ width (px 960) [ width (px 960)
, margin2 zero auto , margin2 zero auto
, padding (px 30) , padding (px 30)
@@ -117,51 +131,31 @@ css =
[ fontSize (px 18) [ fontSize (px 18)
, paddingRight (px 20) , paddingRight (px 20)
] ]
-- TODO style hide-result and the search options , (.) "stars-error"
-- [ backgroundColor (hex "FF9632")
-- .hide-result { , fontSize (px 16)
-- background-color: transparent; , padding (px 10)
-- border: 0; , marginRight (px 24)
-- font-weight: bold; , borderRadius (px 10)
-- font-size: 18px; , marginTop (px 10)
-- margin-left: 18px; ]
-- cursor: pointer; , (.) "search-input"
-- } [ display block
-- , property "float" "left"
-- .hide-result:hover { , width (pct 42)
-- color: rgb(96, 181, 204); ]
-- } , (.) "search-options"
-- [ position relative
-- , property "float" "right"
-- .stars-error { , width (pct 58)
-- background-color: #FF9632; , boxSizing borderBox
-- font-size: 16px; , paddingTop (px 20)
-- padding: 10px; ]
-- margin-right: 24px; , (.) "search-option"
-- border-radius: 10px; [ display block
-- margin-top: 10px; , property "float" "left"
-- } , width (pct 30)
-- , marginLeft (px 16)
-- , boxSizing borderBox
-- .search-input { ]
-- display: block;
-- float: left;
-- width: 42%;
-- }
--
-- .search-options {
-- position: relative;
-- float: right;
-- width: 58%;
-- box-sizing: border-box;
-- padding-top: 20px;
-- }
--
-- .search-option {
-- display: block;
-- float: left;
-- width: 30%;
-- margin-left: 16px;
-- box-sizing: border-box;
-- }
] ]