Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.1 KiB
73 lines
1.1 KiB
@import
|
|
|
|
'reflex',
|
|
'../crispy-all',
|
|
'site/header',
|
|
'components/nav',
|
|
'templates/home';
|
|
|
|
@include site__header();
|
|
|
|
.container {
|
|
max-width: $crispy__md;
|
|
}
|
|
|
|
.sm, .md, .md-only, .lg-only {
|
|
display: none;
|
|
}
|
|
|
|
.sm {
|
|
@include crispy__media-sm() {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.md {
|
|
@include crispy__media-md() {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.md-only {
|
|
@include crispy__media-md-only() {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.lg-only {
|
|
@include crispy__media-lg-only() {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {
|
|
display: block;
|
|
}
|
|
|
|
.triangle-left {
|
|
@include triangle('left', $crispy__color-primary);
|
|
}
|
|
|
|
.triangle-right {
|
|
@include triangle('right', $crispy__color-primary);
|
|
}
|
|
|
|
.triangle-top {
|
|
@include triangle('top', $crispy__color-primary);
|
|
}
|
|
|
|
.triangle-bottom {
|
|
@include triangle('bottom', $crispy__color-primary);
|
|
}
|
|
|
|
.h3__icon {
|
|
display: inline-block;
|
|
border: 3px solid $crispy__color-primary;
|
|
border-radius: 50%;
|
|
padding: 0.6em;
|
|
margin: 0 0 0.5em;
|
|
|
|
.icon {
|
|
font-size: 3rem !important;
|
|
}
|
|
}
|