daggrcss/src/style/Centric.css

A light-weight CSS style framework that focuses on useful responsive default styling and utilities. Daggr leaves the creative parts to the user.

/**
Centric.css
Opinionated CSS Reset
By Zach Moore
*/

*,
*::before,
*::after{
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

html {
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
    font-size: 1px;/*for using REM units*/
    cursor: default;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: normal;
}

body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 18rem;
    font-weight: 400;
    text-rendering: optimizeSpeed;
    line-height: 1.3;
    color: #222;
    margin: 0;
    padding: 0;
}

*:not(body):not(html) {
    border-width: 0;
    outline-width: 0;
    padding: 0;
    margin: auto;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    background-color:transparent; 
}

img, h1, h2, h3, h4, h5, h6 {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

img {
    border-style: none;
}

a, button, input[type=submit], input[type=button] {
    text-decoration:none; 
    color:inherit; 
    cursor:pointer;
}

figure, textarea, input::-moz-focus-inner, fieldset, h1, h2, h3, h4, h5, h6, nav, ul, ol, dd {
    margin:0;
}

nav, ul, ol, dd {
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {
    font-size:inherit; 
    font-weight:inherit;
}

b, strong {
    font-weight: bolder;
}

cite {
    font-style:normal;
}
	
blockquote, q {
    quotes: none;
}
	
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
	content: none;
}
	
table {
    border-collapse: collapse;
	border-spacing: 0;
}

small {
    font-size: 80%;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

/* Force svg fill to match text color */
svg:not([fill]) {
    fill: currentColor; 
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; 
}

textarea {
    overflow: auto;
    resize: vertical;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[type="search"] {
    -webkit-appearance: textfield;
}

::-webkit-search-decoration {
    -webkit-appearance: none; 
}

code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    word-break: break-all;
    word-wrap: break-word;
}

/*
Accessibility
*/

[aria-busy="true"] {
    cursor: progress; 
}

[aria-controls] {
    cursor: pointer; 
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed; 
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
* {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}