Comunic/comunic
1
0
Fork 0
mirror of https://github.com/pierre42100/comunic synced 2025-06-21 09:35:19 +00:00
Code Issues Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
Pierre Hubert
2016-11-19 12:08:12 +01:00
commit 990540b2b9
4706 changed files with 931207 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
developer/user/themes/antimatter/scss/template/modular/_all.scss Normal file
View File

@ -0,0 +1,9 @@
@import "showcase";
@import "features";
@import "text";
.modular {
.modular-row:last-child {
margin-bottom: 2rem;
}
}

99
developer/user/themes/antimatter/scss/template/modular/_features.scss Normal file
View File

@ -0,0 +1,99 @@
// Modular Showcase styling
.modular {
.features {
padding: 6rem 0;
text-align: center;
@include clearfix;
h2 {
margin: 0;
line-height: 100%;
}
p {
margin: 1rem 0;
font-size: $core-font-size + 0.2rem;
@include breakpoint(mobile-only) {
font-size: $core-font-size;
}
}
.feature-items {
margin-top: 2rem;
@supports not (flex-wrap: wrap) {
overflow: hidden;
}
}
.feature {
display:block;
float: left;
width: 25%;
vertical-align: top;
margin-top: 2rem;
margin-bottom: 1rem;
@include breakpoint(large-mobile-range) {
margin-top: 1rem;
width: 50%;
}
@include breakpoint(small-mobile-range) {
margin-top: 1rem;
width: 100%;
}
i.fa {
font-size: 2rem;
color: $core-accent;
}
h4 {
margin: 0;
font-size: 1.1rem;
}
p {
display: inline-block;
font-size: $core-font-size;
margin: 0.2rem 0 1rem;
}
}
&.big {
text-align: center;
.feature {
width: 50%;
@include breakpoint(small-mobile-range) {
margin-top: 1rem;
width: 100%;
}
}
i.fa {
font-size: 3rem;
float: left;
}
.feature-content {
padding-right: 2rem;
&.icon-offset {
margin-left: 5rem;
}
h4 {
font-size: 1.3rem;
text-align: left;
}
p {
padding: 0;
text-align: left;
}
}
}
}
}

60
developer/user/themes/antimatter/scss/template/modular/_showcase.scss Normal file
View File

@ -0,0 +1,60 @@
// Modular Showcase styling
.modular {
// special case for header
&.header-image {
#header {
background-color: rgba(255,255,255,0);
box-shadow: none;
#logo h3 {
color: $header-text;
}
#navbar a {
color: $header-text;
}
}
}
.showcase {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #666;
background-size: cover;
background-position: center;
text-align: center;
color: $header-text;
h1 {
font-size: 4rem;
margin-top: 0;
@include breakpoint(tablet-range) {
font-size: 3rem;
}
@include breakpoint(mobile-only) {
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 2.5rem;
}
}
.button {
@extend .default-animation;
color: $header-text;
padding: 0.7rem 2rem;
margin-top: 2rem;
background: rgba(255,255,255,0);
border: 1px solid $header-text;
border-radius: $border-radius;
box-shadow: none;
font-size: $core-font-size + 0.3rem;
&:hover {
background: rgba(255,255,255,0.2);
}
}
}
}

35
developer/user/themes/antimatter/scss/template/modular/_text.scss Normal file
View File

@ -0,0 +1,35 @@
// variables
$text-bg: #f6f6f6;
$text-padding: 6rem;
$image-margin: 2rem;
// styling
.callout {
background: $text-bg;
padding: $text-padding $content-padding;
@include breakpoint(desktop-only) {
text-align: center;
}
.align-left {
float: left;
margin-right: $image-margin;
@include breakpoint(desktop-only) {
float: none;
margin-right: 0;
}
}
.align-right {
float: right;
margin-left: $image-margin;
@include breakpoint(desktop-only) {
float: none;
margin-left: 0;
}
}
img {
border-radius: $border-radius;
}
}