Commit 9f8ce098 authored by Diego Islas Ocampo's avatar Diego Islas Ocampo
Browse files

Set scroll to auto to prevent forcing scrollbars when none are needed

parent d4531784
......@@ -12,5 +12,4 @@ build
.ftpconfig
.sftpconfig
package-lock.json
yarn.lock
.cache
\ No newline at end of file
# 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 a simple CSS library featuring common utilities 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](https://postcss.org/) and follows [BEM](http://getbem.com/introduction/) conventions.
......
......@@ -3819,7 +3819,7 @@ img {
max-height: 100%;
text-align: center;
width: 90%;
overflow: scroll;
overflow: auto;
}
@media (min-width: 601px) {
......@@ -4030,20 +4030,20 @@ img {
}
.nav__content-list__item > * {
height: 100%;
display: flex;
align-items: center;
padding: 1rem;
width: 100%;
}
height: 100%;
display: flex;
align-items: center;
padding: 1rem;
width: 100%;
}
.nav__content-list__item:hover {
background-color: #eee;
}
background-color: #eee;
}
.nav__content-list__item:empty {
padding: 1rem;
}
padding: 1rem;
}
.nav__content-list__item__icon {
-ms-grid-row-align: center;
......@@ -4134,13 +4134,12 @@ img {
max-height: 3.5rem
}
.nav--top--phablet .nav__content-list .nav__content-list__item {
height: 100%;
}
.nav--top--phablet .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--phablet .nav__content-list .nav__content-list__item {
height: 100%
}
.nav--top--phablet .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--phablet .nav__content-list--full {
display: flex;
......@@ -4149,13 +4148,12 @@ img {
height: 3.5rem
}
.nav--top--phablet .nav__content-list--full .nav__content-list__item {
height: 100%;
}
.nav--top--phablet .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--top--phablet .nav__content-list--full .nav__content-list__item {
height: 100%
}
.nav--top--phablet .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--side--phablet {
width: 30%;
......@@ -4204,17 +4202,17 @@ img {
min-height: 2rem
}
.nav--side--phablet .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--phablet .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--phablet .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
.nav--side--phablet .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
max-height: 100%;
height: 2rem;
min-height: 1.5rem;
line-height: 1.4rem;
}
}
.wrapper--side-navigation--phablet {
width: 70%;
......@@ -4240,13 +4238,12 @@ img {
max-height: 3.5rem
}
.nav--top--tablet .nav__content-list .nav__content-list__item {
height: 100%;
}
.nav--top--tablet .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--tablet .nav__content-list .nav__content-list__item {
height: 100%
}
.nav--top--tablet .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--tablet .nav__content-list--full {
display: flex;
......@@ -4255,13 +4252,12 @@ img {
height: 3.5rem
}
.nav--top--tablet .nav__content-list--full .nav__content-list__item {
height: 100%;
}
.nav--top--tablet .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--top--tablet .nav__content-list--full .nav__content-list__item {
height: 100%
}
.nav--top--tablet .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--side--tablet {
width: 20%;
......@@ -4310,17 +4306,17 @@ img {
min-height: 2rem
}
.nav--side--tablet .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--tablet .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--tablet .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
.nav--side--tablet .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
max-height: 100%;
height: 2rem;
min-height: 1.5rem;
line-height: 1.4rem;
}
}
.wrapper--side-navigation--tablet {
width: 80%;
......@@ -4345,13 +4341,12 @@ img {
max-height: 3.5rem
}
.nav--top--desktop .nav__content-list .nav__content-list__item {
height: 100%;
}
.nav--top--desktop .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop .nav__content-list .nav__content-list__item {
height: 100%
}
.nav--top--desktop .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop .nav__content-list--full {
display: flex;
......@@ -4360,13 +4355,12 @@ img {
height: 3.5rem
}
.nav--top--desktop .nav__content-list--full .nav__content-list__item {
height: 100%;
}
.nav--top--desktop .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop .nav__content-list--full .nav__content-list__item {
height: 100%
}
.nav--top--desktop .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--side--desktop {
width: 20%;
......@@ -4415,17 +4409,17 @@ img {
min-height: 2rem
}
.nav--side--desktop .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--desktop .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--desktop .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
.nav--side--desktop .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
max-height: 100%;
height: 2rem;
min-height: 1.5rem;
line-height: 1.4rem;
}
}
.wrapper--side-navigation--desktop {
width: 80%;
......@@ -4450,13 +4444,12 @@ img {
max-height: 3.5rem
}
.nav--top--desktop-large .nav__content-list .nav__content-list__item {
height: 100%;
}
.nav--top--desktop-large .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop-large .nav__content-list .nav__content-list__item {
height: 100%
}
.nav--top--desktop-large .nav__content-list .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop-large .nav__content-list--full {
display: flex;
......@@ -4465,13 +4458,12 @@ img {
height: 3.5rem
}
.nav--top--desktop-large .nav__content-list--full .nav__content-list__item {
height: 100%;
}
.nav--top--desktop-large .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--top--desktop-large .nav__content-list--full .nav__content-list__item {
height: 100%
}
.nav--top--desktop-large .nav__content-list--full .nav__content-list__item > * {
justify-content: center;
}
.nav--side--desktop-large {
width: 15%;
......@@ -4520,17 +4512,17 @@ img {
min-height: 2rem
}
.nav--side--desktop-large .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--desktop-large .nav__content-list .nav__content-list__item > * {
width: 100%;
justify-content: flex-start;
}
.nav--side--desktop-large .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
.nav--side--desktop-large .nav__content-list .nav__content-list__item .nav__content-list__item__icon {
max-height: 100%;
height: 2rem;
min-height: 1.5rem;
line-height: 1.4rem;
}
}
.wrapper--side-navigation--desktop-large {
width: 85%;
......@@ -4852,7 +4844,7 @@ pre[class*="language-"] {
background-size: 3em 3em;
background-origin: content-box;
overflow: visible;
overflow-x: scroll;
overflow-x: auto;
}
code[class*="language"] {
......
This diff is collapsed.
{
"name": "@aegis-framework/kayros.css",
"version": "0.4.4",
"version": "0.4.5",
"description": "Aegis framework CSS Library",
"homepage": "https://aegisframework.com/",
"author": "Diego Islas Ocampo",
......@@ -27,13 +27,13 @@
"dist/*"
],
"scripts": {
"build": "parcel build index.css --out-file kayros.min.css --no-source-maps && parcel build index.css --out-file kayros.css --no-source-maps --no-minify && stylelint ./dist/kayros.css --fix"
"build": "parcel build index.css --out-file kayros.min.css --no-source-maps && parcel build index.css --out-file kayros.css --no-source-maps --no-minify"
},
"devDependencies": {
"autoprefixer": "^9.0.1",
"parcel": "^1.9.0",
"postcss-calc": "^6.0.1",
"precss": "^3.1.2",
"stylelint": "^9.4.0"
"parcel-bundler": "^1.12.3",
"postcss-calc": "^7.0.1",
"precss": "^4.0.0",
"stylelint": "^10.0.1"
}
}
......@@ -58,7 +58,7 @@ pre[class*="language-"] {
background-size: 3em 3em;
background-origin: content-box;
overflow: visible;
overflow-x: scroll;
overflow-x: auto;
}
code[class*="language"] {
......
......@@ -32,7 +32,7 @@
max-height: 100%;
text-align: center;
width: 90%;
overflow: scroll;
overflow: auto;
}
@media (min-width: 601px) {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment