Use new shorter name I use in CSS
This commit is contained in:
parent
0cc8e21d72
commit
1f44953c96
2 changed files with 6 additions and 3 deletions
|
@ -1926,6 +1926,7 @@ var PS = {};
|
|||
};
|
||||
};
|
||||
exports["length"] = length;
|
||||
exports["take"] = take;
|
||||
})(PS);
|
||||
(function(exports) {
|
||||
"use strict";
|
||||
|
@ -10813,6 +10814,7 @@ var PS = {};
|
|||
var Data_Foldable = $PS["Data.Foldable"];
|
||||
var Data_Functor = $PS["Data.Functor"];
|
||||
var Data_Maybe = $PS["Data.Maybe"];
|
||||
var Data_String_CodePoints = $PS["Data.String.CodePoints"];
|
||||
var Data_Tuple = $PS["Data.Tuple"];
|
||||
var Halogen_Component = $PS["Halogen.Component"];
|
||||
var Halogen_HTML_CSS = $PS["Halogen.HTML.CSS"];
|
||||
|
@ -10854,7 +10856,7 @@ var PS = {};
|
|||
var render = function (state) {
|
||||
var palette = Solaryzed_Palette.genPalette(state.dark)(state.light)(state.accent);
|
||||
var mkCssColor = function (v) {
|
||||
return Halogen_HTML_Elements.div([ Halogen_HTML_CSS.style(CSS_Font.color(v.value1)), Halogen_HTML_Properties.id_(v.value0 + "-css") ])([ Halogen_HTML_Core.text("--" + (v.value0 + (": " + (Color.toHexString(v.value1) + ";")))) ]);
|
||||
return Halogen_HTML_Elements.div([ Halogen_HTML_CSS.style(CSS_Font.color(v.value1)), Halogen_HTML_Properties.id_(v.value0 + "-css") ])([ Halogen_HTML_Core.text("--" + (Data_String_CodePoints.take(1)(v.value0) + (": " + (Color.toHexString(v.value1) + ";")))) ]);
|
||||
};
|
||||
var cssCol = function (colName) {
|
||||
return Data_Maybe.fromMaybe(solbase03)(Data_Tuple.lookup(Data_Foldable.foldableArray)(Data_Eq.eqString)(colName)(palette));
|
||||
|
@ -10942,7 +10944,7 @@ var PS = {};
|
|||
return $23;
|
||||
});
|
||||
};
|
||||
throw new Error("Failed pattern match at Solaryzed (line 170, column 16 - line 173, column 56): " + [ v.constructor.name ]);
|
||||
throw new Error("Failed pattern match at Solaryzed (line 171, column 16 - line 174, column 56): " + [ v.constructor.name ]);
|
||||
};
|
||||
var component = Halogen_Component.mkComponent({
|
||||
initialState: initialState,
|
||||
|
|
|
@ -9,6 +9,7 @@ import Color (Color, lab, lch, toHexString, fromHexString)
|
|||
import DOM.HTML.Indexed.InputType (InputType(InputColor,InputRange))
|
||||
import Data.Maybe (fromMaybe,Maybe(..))
|
||||
import Data.Tuple (Tuple(..),lookup)
|
||||
import Data.String (take)
|
||||
import Halogen as H
|
||||
import Halogen.HTML as HH
|
||||
import Halogen.HTML.CSS as HCSS
|
||||
|
@ -93,7 +94,7 @@ render state =
|
|||
[ HCSS.style $ do
|
||||
CSS.color c
|
||||
, HP.id_ (label <> "-css") ]
|
||||
[ HH.text ("--" <> label <> ": " <> toHexString c <> ";") ]
|
||||
[ HH.text ("--" <> (take 1 label) <> ": " <> toHexString c <> ";") ]
|
||||
mkDarkCodeExample =
|
||||
HH.div
|
||||
[ HCSS.style $ do
|
||||
|
|
Loading…
Reference in a new issue