Skip to content

GitLab

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
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 6776 additions and 103 deletions
.gitignore
View file @ 9f8ce098
......@@ -12,5 +12,4 @@ build
.ftpconfig
.sftpconfig
package-lock.json
yarn.lock
.cache
\ No newline at end of file
README.md
View file @ 9f8ce098
# 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.
......
dist/kayros.css
View file @ 9f8ce098
......@@ -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"] {
......
dist/kayros.min.css
View file @ 9f8ce098
This diff is collapsed.
package.json
View file @ 9f8ce098
{
"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"
}
}
src/code.css
View file @ 9f8ce098
......@@ -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"] {
......
src/modal.css
View file @ 9f8ce098
......@@ -32,7 +32,7 @@
max-height: 100%;
text-align: center;
width: 90%;
overflow: scroll;
overflow: auto;
}
@media (min-width: 601px) {
......
yarn.lock 0 → 100644
View file @ 9f8ce098
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