You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
2.4 KiB
SCSS
120 lines
2.4 KiB
SCSS
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
|
|
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
|
|
|
|
.nanumpenscript {
|
|
font-family: 'Nanum Pen Script', cursive;
|
|
}
|
|
$column: 16;
|
|
$font-sizes: 52;
|
|
|
|
@import 'custom.scss';
|
|
@import 'sidebar.scss';
|
|
@import 'main.scss';
|
|
@import 'gallery-info.scss';
|
|
@import 'greeting.scss';
|
|
@import 'visit.scss';
|
|
@import 'arts.scss';
|
|
@import 'artist.scss';
|
|
@import 'company.scss';
|
|
@import 'board.scss';
|
|
|
|
@for $i from 1 through $column{
|
|
.margin-l-#{$i}{
|
|
margin-left: (10*$i)+px;
|
|
}
|
|
|
|
.margin-r-#{$i}{
|
|
margin-right: (10*$i)+px;
|
|
}
|
|
|
|
.margin-t-#{$i}{
|
|
margin-top: (10*$i)+px;
|
|
}
|
|
|
|
.margin-b-#{$i}{
|
|
margin-bottom: (10*$i)+px;
|
|
}
|
|
|
|
.padding-l-#{$i}{
|
|
padding-left: (10*$i)+px;
|
|
}
|
|
|
|
.padding-r-#{$i}{
|
|
padding-right: (10*$i)+px;
|
|
}
|
|
|
|
.padding-t-#{$i}{
|
|
padding-top: (10*$i)+px;
|
|
}
|
|
|
|
.padding-b-#{$i}{
|
|
padding-bottom: (10*$i)+px;
|
|
}
|
|
}
|
|
|
|
/************ BreakPoints ************/
|
|
// Small devices (landscape phones, 576px and up)
|
|
@media (max-width: 576px) {
|
|
.mobile-padding-0{
|
|
padding:0
|
|
}
|
|
}
|
|
|
|
// Medium devices (tablets, 768px and up)
|
|
@media (max-width: 768px) {
|
|
|
|
}
|
|
|
|
// Large devices (desktops, 992px and up)
|
|
@media (max-width: 992px) {
|
|
|
|
}
|
|
|
|
// X-Large devices (large desktops, 1200px and up)
|
|
@media (max-width: 1200px) {
|
|
|
|
}
|
|
|
|
// XX-Large devices (larger desktops, 1400px and up)
|
|
@media (max-width: 1400px) {
|
|
@for $i from 1 through $column{
|
|
.margin-l-#{$i}{
|
|
margin-left: (10*$i/2)+px;
|
|
}
|
|
|
|
.margin-r-#{$i}{
|
|
margin-right: (10*$i/2)+px;
|
|
}
|
|
|
|
.margin-t-#{$i}{
|
|
margin-top: (10*$i/2)+px;
|
|
}
|
|
|
|
.margin-b-#{$i}{
|
|
margin-bottom: (10*$i/2)+px;
|
|
}
|
|
|
|
.padding-l-#{$i}{
|
|
padding-left: (10*$i/2)+px;
|
|
}
|
|
|
|
.padding-r-#{$i}{
|
|
padding-right: (10*$i/2)+px;
|
|
}
|
|
|
|
.padding-t-#{$i}{
|
|
padding-top: (10*$i/2)+px;
|
|
}
|
|
|
|
.padding-b-#{$i}{
|
|
padding-bottom: (10*$i/2)+px;
|
|
}
|
|
}
|
|
|
|
@for $i from 1 through $font-sizes{
|
|
.mobile-font-#{$i}{
|
|
font-size: $i+px;
|
|
}
|
|
}
|
|
} |