Optimize CSS for https://yepjet.com/css/main.min.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors By Attribute4

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    code[class*=language-] {}pre[class*=language-] {}pre[class*=language-] {}:not(pre)>code[class*=language-] {}
  • Duplicated Properties7

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .c-main-gradient {background: linear-gradient(to right,#3faec9 0,#775ea1 100%)} .c-code-box>.c-code-box__content>.c-code-box__content__menu {background-color: rgba(40,38,54,.8)} .c-examples-list>.c-examples-list__item>a {color: hsla(0,0%,100%,.4)} .c-input::-webkit-input-placeholder {color: rgba(50,50,50,.6)} .c-input::-moz-placeholder {color: rgba(50,50,50,.6)} .c-input:-ms-input-placeholder {color: rgba(50,50,50,.6)} .c-input::placeholder {color: rgba(50,50,50,.6)} 
  • Duplicated Selectors3
    html {} /* (2 times) */body {} /* (2 times) */pre {} /* (2 times) */
  • Importants1

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    .u-txlh-0 {line-height: 0!important} 
  • Multi Classes Selectors38

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .cdata.token {}.comment.token {}.doctype.token {}.prolog.token {}.punctuation.token {}.constant.token {}.deleted.token {}.property.token {}.symbol.token {}.tag.token {}.boolean.token {}.number.token {}.attr-name.token {}.builtin.token {}.char.token {}.inserted.token {}.selector.token {}.string.token {}.string.token {}.string.token {}.entity.token {}.operator.token {}.token.url {}.token.variable {}.atrule.token {}.attr-value.token {}.function.token {}.keyword.token {}.important.token {}.regex.token {}.bold.token {}.important.token {}.italic.token {}.entity.token {}.active.tabs-pane {}.c-image.c-image--logo {}.active.c-examples-list__item {}.c-home-sect__head.c-home-sect__head--bold {}
  • Old IE Fixes1

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    .c-main-gradient {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3faec9',endColorstr='#775ea1',GradientType=1)} 
  • Qualified Selectors2

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    ul.o-list--naked {}ul.o-list--inline>li {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    ul.o-list--inline>li {}
  • Universal Selectors14

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    [hidden] {}:not(pre)>code[class*=language-] {}* {}:after {} {}:not(code):not(pre):not(.token) {}:link {}:visited {}:link:active {}:link:focus {}:link:hover {}:visited:active {}:visited:focus {}:visited:hover {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors29
Comments2
Comments Length193
Complex Selectors0
Empty Rules0
Expressions0
Imports0
Media Queries11
Not Minified1
Parsing Errors0
Old Property Prefixes0
Property Resets0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg1.02
Specificity Class Total259
Specificity Tag Avg0.52
Specificity Tag Total132
Selectors253
Selector Length Avg1.1818181818181819
Selectors By Attribute18
Selectors By Class173
Selectors By Id0
Selectors By Pseudo37
Selectors By Tag114
Length11163
Rules173
Declarations333