JustalK/PORTFOLIO

View on GitHub
src/assets/less/portfolio.less

Summary

Maintainability
Test Coverage
@import (reference) "libs/constants.less";
@import (reference) "libs/mixins.less";
 
#PORTFOLIO {
position: relative;
overflow: hidden;
 
&.locked {
pointer-events: none;
}
 
& > div {
margin: auto;
max-width: 1200px;
width: 100%;
position: relative;
}
}
 
@media screen and (max-width: @SCREEN_1800) {
#PORTFOLIO > div {
max-width: 1200px;
}
}
 
@media screen and (max-width: @SCREEN_1500) {
#PORTFOLIO > div {
max-width: 1000px;
}
}
 
@media screen and (max-width: @SCREEN_1400) {
#PORTFOLIO > div {
max-width: 900px;
}
}
 
@media screen and (max-width: @SCREEN_1200) {
#PORTFOLIO > div {
max-width: 800px;
}
}
 
@media screen and (max-width: @SCREEN_1100) {
#PORTFOLIO > div {
max-width: 700px;
}
}
 
@media screen and (max-width: @SCREEN_900) {
#PORTFOLIO > div {
width: 90%;
margin: auto;
}
}