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
[ ((.) "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)
, margin2 zero auto
, padding (px 30)
@@ -117,51 +131,31 @@ css =
[ fontSize (px 18)
, paddingRight (px 20)
]
-- TODO style hide-result and the search options
--
-- .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);
-- }
--
--
-- .stars-error {
-- background-color: #FF9632;
-- font-size: 16px;
-- padding: 10px;
-- margin-right: 24px;
-- border-radius: 10px;
-- margin-top: 10px;
-- }
--
--
-- .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;
-- }
, (.) "stars-error"
[ backgroundColor (hex "FF9632")
, fontSize (px 16)
, padding (px 10)
, marginRight (px 24)
, borderRadius (px 10)
, marginTop (px 10)
]
, (.) "search-input"
[ display block
, property "float" "left"
, width (pct 42)
]
, (.) "search-options"
[ position relative
, property "float" "right"
, width (pct 58)
, boxSizing borderBox
, paddingTop (px 20)
]
, (.) "search-option"
[ display block
, property "float" "left"
, width (pct 30)
, marginLeft (px 16)
, boxSizing borderBox
]
]