mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-01-17 21:08:13 +01:00
Code Issues Releases Wiki Activity

Updated responsive visibility helper definitions

Browse Source 
Updated the definitions of responsive visibility helpers to utilize !important, as they should have been doing since the beggining.
This commit is contained in:
Angelos Chalaris 2017-05-08 17:56:39 +03:00
parent ce03ac2a4d
commit c6056870eb
12 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dist/mini-dark.css vendored
View File

@ -2105,19 +2105,19 @@ ul.breadcrumbs li:last-child:after {
@media screen and (max-width: 767px) {
.hidden-sm {
display: none;
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
display: none;
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hidden-lg {
display: none;
display: none !important;
}
}

2
dist/mini-dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
dist/mini-default.css vendored
View File

@ -2106,19 +2106,19 @@ ul.breadcrumbs li:last-child:after {
@media screen and (max-width: 767px) {
.hidden-sm {
display: none;
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
display: none;
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hidden-lg {
display: none;
display: none !important;
}
}

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
dist/mini-lite.css vendored
View File

@ -1355,19 +1355,19 @@ progress.tertiary::-moz-progress-bar {
@media screen and (max-width: 767px) {
.hidden-sm {
display: none;
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
display: none;
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hidden-lg {
display: none;
display: none !important;
}
}

2
dist/mini-lite.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
dist/mini-nord.css vendored
View File

@ -2134,19 +2134,19 @@ ul.breadcrumbs li:last-child:after {
@media screen and (max-width: 767px) {
.hidden-sm {
display: none;
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
display: none;
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hidden-lg {
display: none;
display: none !important;
}
}

2
dist/mini-nord.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
dist/mini-sucroa.css vendored
View File

@ -2006,19 +2006,19 @@ ul.breadcrumbs li:last-child:after {
@media screen and (max-width: 767px) {
.hidden-sm {
display: none;
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.hidden-md {
display: none;
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.hidden-lg {
display: none;
display: none !important;
}
}

2
dist/mini-sucroa.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View File

@ -1107,3 +1107,4 @@
- Embedded the intro that Per Harald Borgen built for the framework in the front page (`index.html`) under the `Quick overview` heading (I think it fits quite nicely).
- Added Per Harald Borgen to the list of contributors to show my gratitude.
- Removed old classes produced using the generic shadow mixin in `utility`, replaced with `.shadowed` to let developers still have some generic shadow class. Updated docs as needed, codepens will be updated right before release.
- Updated the definitions of the responsive visibility helpers to utilize `!important` properly. Size is now `6.34KB` which seems pretty good, based on the fact that some of the existing components that are being removed were unused by most devs to begin with.

10
src/mini/_utility_mixins.scss
View File

@ -122,29 +122,29 @@
@if $hidden-use-four-step-grid {
@media screen and (max-width: #{$hidden-small-breakpoint}-1px) {
.#{$hidden-prefix}-#{$hidden-extra-small-suffix} {
display: none;
display: none !important;
}
}
@media screen and (min-width: #{$hidden-small-breakpoint}) and (max-width: #{$hidden-medium-breakpoint}-1px) {
.#{$hidden-prefix}-#{$hidden-small-suffix} {
display: none;
display: none !important;
}
}
}
@else {
@media screen and (max-width: #{$hidden-medium-breakpoint}-1px) {
.#{$hidden-prefix}-#{$hidden-small-suffix} {
display: none;
display: none !important;
}
}
@media screen and (min-width: #{$hidden-medium-breakpoint}) and (max-width: #{$hidden-large-breakpoint}-1px) {
.#{$hidden-prefix}-#{$hidden-medium-suffix} {
display: none;
display: none !important;
}
}
@media screen and (min-width: #{$hidden-large-breakpoint}) {
.#{$hidden-prefix}-#{$hidden-large-suffix} {
display: none;
display: none !important;
}
}
}