jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Commit realizando cambios en los roles de los usuarios

Browse Source
This commit is contained in:
Jaime Jimenez
2023-04-24 13:00:46 +02:00
parent 2d67588770
commit 8c4d77a598
6587 changed files with 365497 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
httpdocs/themes/focus2/scss/abstracts/_mixin.scss Normal file
View File

@ -0,0 +1,65 @@
//MEDIA QUERY MANAGER
/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
@mixin respond($breakpoint) {
@if($breakpoint == "phone") {
@media only screen and (max-width: 575px) { @content; }
}
@if($breakpoint == "phone-land") {
@media only screen and (max-width: 767px) { @content; }
}
@if($breakpoint == "tab-port") {
@media only screen and (max-width: 991px) { @content; }
}
@if($breakpoint == "tab-land") {
@media only screen and (max-width: 1199px) { @content; }
}
@if ($breakpoint == "desktop") {
@media only screen and (min-width: 1200px) { @content; }
}
@if($breakpoint == "big-desktop") {
@media only screen and (min-width: 1800px) { @content; }
}
}
//don't use it untill you need this too much
@mixin custommq($min: null, $max: null) {
@if ($min != null and $max != null) {
@media only screen and (min-width: $min) and (max-width: $max) { @content; }
}
@if ($min == null and $max != null) {
@media only screen and (max-width: $max) { @content; }
}
@if ($min != null and $max == null) {
@media only screen and (min-width: $min) { @content; }
}
}