gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up basic colors and type

Browse Source
This commit is contained in:
Rafael Conde 2017-04-28 10:52:46 -07:00 committed by Shawn Erquhart
parent c086dca143
commit de5f9bc708
3 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/UI/card/Card.css
View File

@ -3,6 +3,7 @@
.card { .card {
composes: base container rounded depth; composes: base container rounded depth;
overflow: hidden; overflow: hidden;
border: 1px solid #F7F8F8;
} }
.card > *:not(iframe, video, img, header, footer) { .card > *:not(iframe, video, img, header, footer) {

21
src/components/UI/theme.css
View File

@ -1,30 +1,27 @@
:root { :root {
--defaultColor: #333; --defaultColor: #333;
--defaultColorLight: #eee; --defaultColorLight: #fff;
--backgroundColor: #fff; --backgroundColor: #fff;
--backgroundColorShaded: #eee; --backgroundColorShaded: #eee;
--shadowColor: rgba(0, 0, 0, .25); --shadowColor: rgba(19, 39, 48, .12);
--infoColor: #69c; --infoColor: #69c;
--successColor: #1c7; --successColor: #1c7;
--warningColor: #fa0; --warningColor: #fa0;
--errorColor: #f52; --errorColor: #f52;
--textColor: #272e30; --textColor: #191919;
--borderRadius: 2px; --borderRadius: 4px;
--borderRadiusLarge: 10px; --borderRadiusLarge: 8px;
--dropShadow: --dropShadow: 0 2px 4px 0 rgba(19, 39, 48, .12);
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
--topmostZindex: 99999; --topmostZindex: 99999;
--foregroundAltColor: #fff; --foregroundAltColor: #fff;
--backgroundAltColor: #272e30; --backgroundAltColor: #191919;
--textFieldBorderColor: #e7e7e7; --textFieldBorderColor: #e7e7e7;
--highlightFGColor: #fff; --highlightFGColor: #fff;
--highlightBGColor: #3ab7a5; --highlightBGColor: #3ab7a5;
--highlightFGAltColor: #eee; --highlightFGAltColor: #eee;
--controlLabelColor: var(--textColor); --controlLabelColor: var(--textColor);
--controlBGColor: #fff; --controlBGColor: #fff;
--backgroundTertiaryColor: #f2f5f4; --backgroundTertiaryColor: #fff;
--backgroundTertiaryColorDark: color(var(--backgroundTertiaryColor) lightness(90%)); --backgroundTertiaryColorDark: color(var(--backgroundTertiaryColor) lightness(90%));
} }
@ -42,7 +39,7 @@
} }
.depth { .depth {
box-shadow: var(--shadowColor) 0 1px 6px; box-shadow: var(--dropShadow);
} }
.clearfix:after { .clearfix:after {

6
src/index.css
View File

@ -5,7 +5,6 @@ html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
margin: 0; margin: 0;
font-family: Roboto, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
} }
*, *:before, *:after { *, *:before, *:after {
@ -13,15 +12,16 @@ html {
} }
body { body {
font-family: 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
height: 100%; height: 100%;
background-color: #f2f5f4; background-color: #fff;
color: #7c8382; color: #7c8382;
margin: 0; margin: 0;
} }
h1, h2, h3, h4, h5, h6, p { h1, h2, h3, h4, h5, h6, p {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }
h1 { h1 {