Style tweeks

This commit is contained in:
Daniel Lautzenheiser
2022-09-07 12:15:43 -04:00
parent 0c5efd19d6
commit 6aaf16594b
25 changed files with 74 additions and 246 deletions

View File

@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [2.15.9](https://github.com/netlify/netlify-cms/compare/netlify-cms-ui-default@2.15.5...netlify-cms-ui-default@2.15.9) (2022-09-07)
**Note:** Version bump only for package netlify-cms-ui-default
## [2.15.5](https://github.com/netlify/netlify-cms/compare/netlify-cms-ui-default@2.15.4...netlify-cms-ui-default@2.15.5) (2022-03-08)
**Note:** Version bump only for package netlify-cms-ui-default

View File

@ -1,7 +1,7 @@
{
"name": "netlify-cms-ui-default",
"description": "Default UI components for Netlify CMS.",
"version": "2.15.5",
"version": "2.15.9",
"repository": "https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-ui-default",
"bugs": "https://github.com/netlify/netlify-cms/issues",
"license": "MIT",

View File

@ -28,7 +28,6 @@ import {
effects,
zIndex,
reactSelectStyles,
GlobalStyles,
} from './styles';
export const NetlifyCmsUiDefault = {
@ -62,7 +61,6 @@ export const NetlifyCmsUiDefault = {
effects,
zIndex,
reactSelectStyles,
GlobalStyles,
};
export {
Dropdown,
@ -95,6 +93,5 @@ export {
effects,
zIndex,
reactSelectStyles,
GlobalStyles,
GoBackButton,
};

View File

@ -1,5 +1,4 @@
import React from 'react';
import { css, Global } from '@emotion/core';
import { css } from '@emotion/core';
/**
* Font Stacks
@ -89,7 +88,7 @@ const lengths = {
borderRadius: '5px',
richTextEditorMinHeight: '300px',
borderWidth: '2px',
topCardWidth: '682px',
topCardWidth: '722px',
pageMargin: '28px 18px',
objectWidgetTopBarContainerPadding: '0 14px 14px',
};
@ -424,100 +423,6 @@ const zIndex = {
zIndex99999: 99999,
};
function GlobalStyles() {
return (
<Global
styles={css`
*,
*:before,
*:after {
box-sizing: border-box;
}
:focus {
outline: -webkit-focus-ring-color auto ${lengths.borderRadius};
}
/**
* Don't show outlines if the user is utilizing mouse rather than keyboard.
*/
[data-whatintent='mouse'] *:focus {
outline: none;
}
input {
border: 0;
}
body {
font-family: ${fonts.primary};
font-weight: normal;
background-color: ${colors.background};
color: ${colors.text};
margin: 0;
}
ul,
ol {
padding-left: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-family: ${fonts.primary};
color: ${colors.textLead};
font-size: 15px;
line-height: 1.5;
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}
h1 {
font-size: 24px;
letter-spacing: 0.4px;
color: ${colors.textLead};
}
a,
button {
font-size: 14px;
font-weight: 500;
}
a {
color: ${colors.text};
text-decoration: none;
}
button {
font-family: inherit;
}
img {
max-width: 100%;
}
textarea {
resize: none;
}
`}
/>
);
}
export {
fonts,
colorsRaw,
@ -532,5 +437,4 @@ export {
effects,
zIndex,
reactSelectStyles,
GlobalStyles,
};