Change tablet breakpoint to 1024px

This commit is contained in:
Jay Trees 2022-02-23 10:23:50 +01:00
parent b55470c1c3
commit a84e2aa93f
35 changed files with 148 additions and 148 deletions

View file

@ -223,7 +223,7 @@
.ui.mobile.ad {
display: none;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.mobile.ad {
display: block;
}

View file

@ -7,4 +7,4 @@
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:809.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}
*/.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:1023.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}

View file

@ -660,7 +660,7 @@
/* Tablet Or Below */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;

File diff suppressed because one or more lines are too long

View file

@ -1077,7 +1077,7 @@ a.ui.card:hover,
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0;
@ -1162,7 +1162,7 @@ a.ui.card:hover,
}
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0;
@ -1250,7 +1250,7 @@ a.ui.card:hover,
Stackable
--------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.cards {
display: block !important;
}

File diff suppressed because one or more lines are too long

View file

@ -21,7 +21,7 @@
}
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.ui.ui.container:not(.fluid) {
width: auto;
margin-left: 1em;
@ -39,20 +39,20 @@
}
/* Tablet */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 761px;
width: 975px;
margin-left: auto;
margin-right: auto;
}
.ui.ui.ui.grid.container {
width: calc(761px + 2rem);
width: calc(975px + 2rem);
}
.ui.ui.ui.relaxed.grid.container {
width: calc(761px + 3rem);
width: calc(975px + 3rem);
}
.ui.ui.ui.very.relaxed.grid.container {
width: calc(761px + 5rem);
width: calc(975px + 5rem);
}
}

View file

@ -6,4 +6,4 @@
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/.ui.container{display:block;max-width:100%}@media only screen and (max-width:809.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:810px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:761px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(761px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(761px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(761px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
*/.ui.container{display:block;max-width:100%}@media only screen and (max-width:1023.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:1024px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:975px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(975px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(975px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(975px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

View file

@ -114,7 +114,7 @@
}
/* Inside grid */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.grid .ui.vertical.divider,
.ui.grid .stackable.row .ui.vertical.divider {
display: table;
@ -281,7 +281,7 @@
.ui.horizontal.divider:after {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
}
@media only screen and (max-width: 809px) {
@media only screen and (max-width: 1023px) {
.ui.stackable.grid .ui.vertical.divider:before,
.ui.grid .stackable.row .ui.vertical.divider:before,
.ui.stackable.grid .ui.vertical.divider:after,

File diff suppressed because one or more lines are too long

View file

@ -468,7 +468,7 @@ select.ui.dropdown {
.ui.selection.dropdown .menu > .message {
padding: 0.75rem 1.16666667rem;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.selection.dropdown.short .menu {
max-height: 5.85rem;
}
@ -485,7 +485,7 @@ select.ui.dropdown {
max-height: 23.4rem;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.selection.dropdown.short .menu {
max-height: 7.8rem;
}
@ -757,12 +757,12 @@ select.ui.dropdown {
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search.dropdown .menu {
max-height: 7.8rem;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.search.dropdown .menu {
max-height: 10.4rem;
}
@ -1405,13 +1405,13 @@ select.ui.dropdown {
min-width: calc(100% - 17px);
}
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height: 10rem;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height: 15rem;

File diff suppressed because one or more lines are too long

View file

@ -1584,7 +1584,7 @@
}
/* Swap to full width on mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.form .fields {
-ms-flex-wrap: wrap;
flex-wrap: wrap;

File diff suppressed because one or more lines are too long

View file

@ -171,7 +171,7 @@
Page Grid
-------------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.page.grid {
width: auto;
padding-left: 0;
@ -180,7 +180,7 @@
margin-right: 0;
}
}
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.page.grid {
width: auto;
margin-left: 0;
@ -459,7 +459,7 @@
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 809.98px) {
@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
.ui.grid > .row > [class*="one wide mobile"].column,
.ui.grid > .column.row > [class*="one wide mobile"].column,
.ui.grid > [class*="one wide mobile"].column,
@ -559,7 +559,7 @@
}
/* Tablet Sizing Combinations */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.grid > .row > [class*="one wide tablet"].column,
.ui.grid > .column.row > [class*="one wide tablet"].column,
.ui.grid > [class*="one wide tablet"].column,
@ -1446,7 +1446,7 @@
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui[class*="mobile reversed"].grid,
.ui[class*="mobile reversed"].grid > .row,
.ui.grid > [class*="mobile reversed"].row {
@ -1497,7 +1497,7 @@
}
/* Tablet */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui[class*="tablet reversed"].grid,
.ui[class*="tablet reversed"].grid > .row,
.ui.grid > [class*="tablet reversed"].row {
@ -1602,7 +1602,7 @@
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.doubling.grid {
width: auto;
}
@ -1698,7 +1698,7 @@
}
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.grid > .doubling.row,
.ui.doubling.grid > .row {
margin: 0 !important;
@ -1793,7 +1793,7 @@
Stackable
--------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.ui.ui.ui.stackable.grid {
width: auto;
margin-left: 0 !important;
@ -1873,7 +1873,7 @@
/* These include arbitrary class repetitions for forced specificity */
/* Mobile Only Hide */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui[class*="tablet only"].grid.grid.grid:not(.mobile),
.ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
.ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@ -1901,7 +1901,7 @@
}
/* Tablet Only Hide */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui[class*="mobile only"].grid.grid.grid:not(.tablet),
.ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
.ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),

File diff suppressed because one or more lines are too long

View file

@ -341,7 +341,7 @@
}
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.items > .item {
margin: 1em 0;
}
@ -355,7 +355,7 @@
}
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.items:not(.unstackable) > .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -489,7 +489,7 @@
Unstackable
----------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.unstackable.items > .item > .image,
.ui.unstackable.items > .item > .image > img {
width: 125px !important;

File diff suppressed because one or more lines are too long

View file

@ -405,14 +405,14 @@
Container
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.menu > .ui.container {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
border-left: 1px solid rgba(34, 36, 38, 0.1);
}
@ -1318,7 +1318,7 @@ Floated Menu / Item
Stackable
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;

File diff suppressed because one or more lines are too long

View file

@ -203,13 +203,13 @@
/* Modal Width */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.modal:not(.fullscreen) {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.modal:not(.fullscreen) {
width: 88%;
margin: 0 0 0 0;
@ -247,7 +247,7 @@
}
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.modal > .header {
padding: 0.75rem 1rem;
}
@ -398,7 +398,7 @@
.modals.dimmer .ui.bottom.aligned.modal {
bottom: 5vh;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.modals.dimmer .ui.top.aligned.modal {
top: 1rem;
}
@ -502,13 +502,13 @@
.ui.mini.modal > .header:not(.ui) {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.mini.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.mini.modal {
width: 35.2%;
margin: 0 0 0 0;
@ -535,13 +535,13 @@
.ui.tiny.modal > .header:not(.ui) {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.tiny.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.tiny.modal {
width: 52.8%;
margin: 0 0 0 0;
@ -568,13 +568,13 @@
.ui.small.modal > .header:not(.ui) {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.small.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.small.modal {
width: 70.4%;
margin: 0 0 0 0;
@ -601,13 +601,13 @@
.ui.large.modal > .header:not(.ui) {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.large.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.large.modal {
width: 88%;
margin: 0 0 0 0;
@ -634,13 +634,13 @@
.ui.big.modal > .header:not(.ui) {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.big.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.big.modal {
width: 88%;
margin: 0 0 0 0;
@ -667,13 +667,13 @@
.ui.huge.modal > .header:not(.ui) {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.huge.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.huge.modal {
width: 88%;
margin: 0 0 0 0;
@ -700,13 +700,13 @@
.ui.massive.modal > .header:not(.ui) {
font-size: 1.8em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.massive.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.massive.modal {
width: 88%;
margin: 0 0 0 0;

File diff suppressed because one or more lines are too long

View file

@ -212,7 +212,7 @@
[data-tooltip][data-variation*="very wide fixed"]:after {
width: 550px;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
[data-tooltip][data-variation~="fixed"]:after {
width: 250px;
}
@ -698,7 +698,7 @@
.ui[class*="very wide"].popup.fixed {
width: 550px;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.wide.popup,
.ui[class*="very wide"].popup {
max-width: 250px;

File diff suppressed because one or more lines are too long

View file

@ -384,12 +384,12 @@
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.scrolling.search > .results {
max-height: 11.98666667em;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.scrolling.search > .results {
max-height: 17.98em;
}
@ -404,7 +404,7 @@
max-height: 35.96em;
}
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search.short > .results {
max-height: 11.98666667em;
}
@ -418,7 +418,7 @@
max-height: 35.96em;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.search.short > .results {
max-height: 17.98em;
}
@ -515,7 +515,7 @@
Mobile
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search .results {
max-width: calc(100vw - 2rem);
}

File diff suppressed because one or more lines are too long

View file

@ -498,7 +498,7 @@
Stackable
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.statistics {
width: auto;
margin-left: 0 !important;

File diff suppressed because one or more lines are too long

View file

@ -281,7 +281,7 @@
/* Mobile (Default) */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.steps:not(.unstackable) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;

File diff suppressed because one or more lines are too long

View file

@ -168,7 +168,7 @@
}
/* Responsive */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.table:not(.unstackable) {
width: 100%;
padding: 0;

File diff suppressed because one or more lines are too long

View file

@ -1388,7 +1388,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
/* Tablet Or Below */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -5695,7 +5695,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.ui.ui.container:not(.fluid) {
width: auto;
margin-left: 1em;
@ -5717,23 +5717,23 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
/* Tablet */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.ui.ui.container:not(.fluid) {
width: 761px;
width: 975px;
margin-left: auto;
margin-right: auto;
}
.ui.ui.ui.grid.container {
width: calc(761px + 2rem);
width: calc(975px + 2rem);
}
.ui.ui.ui.relaxed.grid.container {
width: calc(761px + 3rem);
width: calc(975px + 3rem);
}
.ui.ui.ui.very.relaxed.grid.container {
width: calc(761px + 5rem);
width: calc(975px + 5rem);
}
}
@ -5952,7 +5952,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
/* Inside grid */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.grid .ui.vertical.divider,
.ui.grid .stackable.row .ui.vertical.divider {
display: table;
@ -6132,7 +6132,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
}
@media only screen and (max-width: 809px) {
@media only screen and (max-width: 1023px) {
.ui.stackable.grid .ui.vertical.divider:before,
.ui.grid .stackable.row .ui.vertical.divider:before,
.ui.stackable.grid .ui.vertical.divider:after,
@ -40574,7 +40574,7 @@ ol.ui.suffixed.list li:before,
/* Mobile (Default) */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.steps:not(.unstackable) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
@ -43136,7 +43136,7 @@ span.ui.massive.text {
/* Swap to full width on mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.form .fields {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
@ -43565,7 +43565,7 @@ span.ui.massive.text {
Page Grid
-------------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.page.grid {
width: auto;
padding-left: 0;
@ -43575,7 +43575,7 @@ span.ui.massive.text {
}
}
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.page.grid {
width: auto;
margin-left: 0;
@ -43905,7 +43905,7 @@ span.ui.massive.text {
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 809.98px) {
@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
.ui.grid > .row > [class*="one wide mobile"].column,
.ui.grid > .column.row > [class*="one wide mobile"].column,
.ui.grid > [class*="one wide mobile"].column,
@ -44021,7 +44021,7 @@ span.ui.massive.text {
/* Tablet Sizing Combinations */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.grid > .row > [class*="one wide tablet"].column,
.ui.grid > .column.row > [class*="one wide tablet"].column,
.ui.grid > [class*="one wide tablet"].column,
@ -45026,7 +45026,7 @@ span.ui.massive.text {
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui[class*="mobile reversed"].grid,
.ui[class*="mobile reversed"].grid > .row,
.ui.grid > [class*="mobile reversed"].row {
@ -45085,7 +45085,7 @@ span.ui.massive.text {
/* Tablet */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui[class*="tablet reversed"].grid,
.ui[class*="tablet reversed"].grid > .row,
.ui.grid > [class*="tablet reversed"].row {
@ -45205,7 +45205,7 @@ span.ui.massive.text {
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.doubling.grid {
width: auto;
}
@ -45319,7 +45319,7 @@ span.ui.massive.text {
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.grid > .doubling.row,
.ui.doubling.grid > .row {
margin: 0 !important;
@ -45430,7 +45430,7 @@ span.ui.massive.text {
Stackable
--------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.ui.ui.ui.stackable.grid {
width: auto;
margin-left: 0 !important;
@ -45519,7 +45519,7 @@ span.ui.massive.text {
/* Mobile Only Hide */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui[class*="tablet only"].grid.grid.grid:not(.mobile),
.ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
.ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@ -45551,7 +45551,7 @@ span.ui.massive.text {
/* Tablet Only Hide */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui[class*="mobile only"].grid.grid.grid:not(.tablet),
.ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
.ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
@ -46195,7 +46195,7 @@ span.ui.massive.text {
Container
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.menu > .ui.container {
width: 100% !important;
margin-left: 0 !important;
@ -46203,7 +46203,7 @@ span.ui.massive.text {
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
border-left: 1px solid rgba(34, 36, 38, 0.1);
}
@ -47208,7 +47208,7 @@ Floated Menu / Item
Stackable
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -49284,7 +49284,7 @@ Floated Menu / Item
/* Responsive */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.table:not(.unstackable) {
width: 100%;
padding: 0;
@ -51921,7 +51921,7 @@ Floated Menu / Item
display: none;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.mobile.ad {
display: block;
}
@ -53165,7 +53165,7 @@ a.ui.card:hover,
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0;
@ -53268,7 +53268,7 @@ a.ui.card:hover,
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0;
@ -53373,7 +53373,7 @@ a.ui.card:hover,
Stackable
--------------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.cards {
display: block !important;
}
@ -54569,7 +54569,7 @@ a.inverted.ui.card:hover,
/* Tablet Only */
@media only screen and (min-width: 810px) and (max-width: 991.98px) {
@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
.ui.items > .item {
margin: 1em 0;
}
@ -54586,7 +54586,7 @@ a.inverted.ui.card:hover,
/* Mobile Only */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.items:not(.unstackable) > .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@ -54736,7 +54736,7 @@ a.inverted.ui.card:hover,
Unstackable
----------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.unstackable.items > .item > .image,
.ui.unstackable.items > .item > .image > img {
width: 125px !important;
@ -55395,7 +55395,7 @@ a.inverted.ui.card:hover,
Stackable
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.stackable.statistics {
width: auto;
margin-left: 0 !important;
@ -57888,7 +57888,7 @@ select.ui.dropdown {
padding: 0.75rem 1.16666667rem;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.selection.dropdown.short .menu {
max-height: 5.85rem;
}
@ -57910,7 +57910,7 @@ select.ui.dropdown {
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.selection.dropdown.short .menu {
max-height: 7.8rem;
}
@ -58228,13 +58228,13 @@ select.ui.dropdown {
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search.dropdown .menu {
max-height: 7.8rem;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.search.dropdown .menu {
max-height: 10.4rem;
}
@ -58963,14 +58963,14 @@ select.ui.dropdown {
}
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height: 10rem;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height: 15rem;
@ -60094,14 +60094,14 @@ select.ui.dropdown {
/* Modal Width */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.modal:not(.fullscreen) {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.modal:not(.fullscreen) {
width: 88%;
margin: 0 0 0 0;
@ -60145,7 +60145,7 @@ select.ui.dropdown {
/* Mobile */
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.modal > .header {
padding: 0.75rem 1rem;
}
@ -60317,7 +60317,7 @@ select.ui.dropdown {
bottom: 5vh;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.modals.dimmer .ui.top.aligned.modal {
top: 1rem;
}
@ -60438,14 +60438,14 @@ select.ui.dropdown {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.mini.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.mini.modal {
width: 35.2%;
margin: 0 0 0 0;
@ -60477,14 +60477,14 @@ select.ui.dropdown {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.tiny.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.tiny.modal {
width: 52.8%;
margin: 0 0 0 0;
@ -60516,14 +60516,14 @@ select.ui.dropdown {
font-size: 1.3em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.small.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.small.modal {
width: 70.4%;
margin: 0 0 0 0;
@ -60555,14 +60555,14 @@ select.ui.dropdown {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.large.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.large.modal {
width: 88%;
margin: 0 0 0 0;
@ -60594,14 +60594,14 @@ select.ui.dropdown {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.big.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.big.modal {
width: 88%;
margin: 0 0 0 0;
@ -60633,14 +60633,14 @@ select.ui.dropdown {
font-size: 1.6em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.huge.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.huge.modal {
width: 88%;
margin: 0 0 0 0;
@ -60672,14 +60672,14 @@ select.ui.dropdown {
font-size: 1.8em;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.massive.modal {
width: 95%;
margin: 0 0 0 0;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.massive.modal {
width: 88%;
margin: 0 0 0 0;
@ -61320,7 +61320,7 @@ a.ui.nag {
width: 550px;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
[data-tooltip][data-variation~="fixed"]:after {
width: 250px;
}
@ -61868,7 +61868,7 @@ a.ui.nag {
width: 550px;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.wide.popup,
.ui[class*="very wide"].popup {
max-width: 250px;
@ -64888,13 +64888,13 @@ a.ui.nag {
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.scrolling.search > .results {
max-height: 11.98666667em;
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.scrolling.search > .results {
max-height: 17.98em;
}
@ -64912,7 +64912,7 @@ a.ui.nag {
}
}
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search.short > .results {
max-height: 11.98666667em;
}
@ -64930,7 +64930,7 @@ a.ui.nag {
}
}
@media only screen and (min-width: 810px) {
@media only screen and (min-width: 1024px) {
.ui.search.short > .results {
max-height: 17.98em;
}
@ -65046,7 +65046,7 @@ a.ui.nag {
Mobile
---------------*/
@media only screen and (max-width: 809.98px) {
@media only screen and (max-width: 1023.98px) {
.ui.search .results {
max-width: calc(100vw - 2rem);
}

File diff suppressed because one or more lines are too long

View file

@ -218,7 +218,7 @@
--------------------*/
@mobileBreakpoint : 320px;
@tabletBreakpoint : 810px;
@tabletBreakpoint : 1024px;
@computerBreakpoint : 992px;
@largeMonitorBreakpoint : 1200px;
@widescreenMonitorBreakpoint : 1920px;