このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
kikikan/backend/resources/sass/base/_typography.scss
2021-10-03 18:13:33 -07:00

64 行
2.4 KiB
SCSS
ベンダーファイル

.shadow-lg{ box-shadow: 0 0 8px #000 !important; }
.w-30{ width: 30% !important; }
.w-md-25{ @include media-breakpoint-down(md){ width: 25% !important; } }
.w-md-50{ @include media-breakpoint-down(md){ width: 50% !important; } }
.w-md-75{ @include media-breakpoint-down(md){ width: 75% !important; } }
.rounded-right-20{
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.rounded-top-15{
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.rounded-15{
border-radius: 15px !important;
}
.rounded-20{
border-radius: 20px !important;
}
.rounded-top-20{
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.mt-80-px{ margin-top: 80px !important; }
.mt-50-px{ margin-top: 50px !important; }
.mt-40-px{ margin-top: 40px !important; }
.mt-25-px{ margin-top: 25px !important; }
.mb-80-px{ margin-bottom: 80px !important; }
.mb-50-px{ margin-bottom: 50px !important; }
.mb-40-px{ margin-bottom: 40px !important; }
.mb-25-px{ margin-bottom: 25px !important; }
.pb-80-px{ padding-bottom: 80px !important; }
.pb-50-px{ padding-bottom: 50px !important; }
.pb-40-px{ padding-bottom: 40px !important; }
.pb-25-px{ padding-bottom: 25px !important; }
.h-sm-15-px{ @include media-breakpoint-down(sm){ height: 15px !important; } }
.h-sm-20-px{ @include media-breakpoint-down(sm){ height: 20px !important; } }
.h-sm-25-px{ @include media-breakpoint-down(sm){ height: 25px !important; } }
.h-sm-30-px{ @include media-breakpoint-down(sm){ height: 30px !important; } }
.h-sm-35-px{ @include media-breakpoint-down(sm){ height: 35px !important; } }
.h-sm-40-px{ @include media-breakpoint-down(sm){ height: 40px !important; } }
.h-sm-45-px{ @include media-breakpoint-down(sm){ height: 45px !important; } }
.h-sm-50-px{ @include media-breakpoint-down(sm){ height: 50px !important; } }
.h-xs-15-px{ @include media-breakpoint-down(xs){ height: 15px !important; } }
.h-xs-20-px{ @include media-breakpoint-down(xs){ height: 20px !important; } }
.h-xs-25-px{ @include media-breakpoint-down(xs){ height: 25px !important; } }
.h-xs-30-px{ @include media-breakpoint-down(xs){ height: 30px !important; } }
.h-xs-35-px{ @include media-breakpoint-down(xs){ height: 35px !important; } }
.h-xs-40-px{ @include media-breakpoint-down(xs){ height: 40px !important; } }
.h-xs-45-px{ @include media-breakpoint-down(xs){ height: 45px !important; } }
.h-xs-50-px{ @include media-breakpoint-down(xs){ height: 50px !important; } }