@aegis-framework/kayrosdeprecated

Aegis framework CSS Library

Usage no npm install needed!

<script type="module">
  import aegisFrameworkKayros from 'https://cdn.skypack.dev/@aegis-framework/kayros';
</script>

README

Kayros

Kayros is a simple CSS library featuring common utyilities such as CSS normalization, a grid system and common components such as modal windows, hero headers and even global page navigation.

Kayros is built using PostCSS and follows BEM conventions.

Breakpoints

/** Extra Small Devices, Phones (480px) **/
@media screen and (min-width : 30em) {}

/** Medium Screens, Phablets (601px) **/
@media screen and (min-width: 37.56255em) {}

/** Medium Devices, Tablets (992px)**/
@media screen and (min-width: 62em) {}

/** HD Screen, Large Devices, Wide Screens, Desktop (1200px) **/
@media screen and (min-width: 75em) {}

/** Full HD Screen, Large Devices, Wide Screens, Large Desktops (1920px) **/
@media screen and (min-width: 120em) {}

/** Retina Screen , Large Devices, Wide Screens(2560px) **/
@media screen and (min-width: 160em) {}

/** 4k Screens, Large Devices, Wide Screens (3840px) **/
@media screen and (min-width: 240em) {}

/** 5k Screens, Large Devices, Wide Screens (5000px) **/
@media screen and (min-width: 312.5em) {}

/** 8k Screens, Large Devices, Wide Screens (8000px) **/
@media screen and (min-width: 500em) {}

Examples

License

Kayros is released under the MIT License