Tag Archives: css

MacOS Mojave – using dark mode in CSS

November 1, 2018Sh*tscssPF

Here it goes….

/* Text and background color for light mode */
body {
  color: #333;
}

/* Text and background color for dark mode */
@media (prefers-color-scheme: dark) {
  body {
    color: #ddd;
    background-color: #222;
  }
}

https://codyhouse.co

October 31, 2018Freebiescss, js, widgetsPF

CodyHouse is a library of HTML, CSS, JS nuggets.

Yes! They are.
And they have a bunch of free awesome stuff for us!!

CSS media query for EI10+

August 10, 2017Sh*tscss, ie, ie10, ie11, interneexploderPF

Simple….

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

CSS – crispy images?

June 12, 2017Sh*tscss, csshitsPF

image-rendering: -webkit-optimize-contrast;

CSS – ellipsis – limit text on a div to a specific height or limit a line to non-wrap/break

June 4, 2015Sh*tscss, ellipsis, nowrapPF

Limit text on a div to a specific height

.giveMeEllipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: N; /* number of lines to show */
   line-height: X;        /* fallback */
   max-height: X*N;       /* fallback */
}

Source: http://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css

Limit a line to non-wrap/break

li {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}

Unused CSS – clean up css stylesheets

May 16, 2015Sh*tscss, performancePF

Well,

Most of *tutorials* about speed optimization that I’v seen talk about minify css, combine them etc… today I’v faced myself (lol) in to a problem… I’m using Flat UI – Free Bootstrap Framework and Theme on a very simple html page. That page will be delivered in a zip file and I just want the HTML itself… So, I want to put the CSS in the HTML but I don’t want the unused stylesheets on it…

So I’v installed CSS remove and combine from Steve McArthur.

Some graphs taken from https://unused-css.com/ about the used/not used CSS selectors/stylesheed.