JJ Colocate
This commit is contained in:
@@ -1,43 +1,43 @@
|
||||
$navBarSize: 64px;
|
||||
|
||||
@mixin mobile {
|
||||
@media (max-width: 700px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin max-screen($size) {
|
||||
@media (max-width: #{$size}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin max-container($size) {
|
||||
@container (max-width: #{$size}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin small-container {
|
||||
@container (max-width: 500px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin medium-container {
|
||||
@container (max-width: 800px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin large-container {
|
||||
@container (max-width: 1000px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin xlarge-container {
|
||||
@container (max-width: 1200px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
$navBarSize: 64px;
|
||||
|
||||
@mixin mobile {
|
||||
@media (max-width: 700px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin max-screen($size) {
|
||||
@media (max-width: #{$size}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin max-container($size) {
|
||||
@container (max-width: #{$size}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin small-container {
|
||||
@container (max-width: 500px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin medium-container {
|
||||
@container (max-width: 800px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin large-container {
|
||||
@container (max-width: 1000px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin xlarge-container {
|
||||
@container (max-width: 1200px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user