summaryrefslogtreecommitdiff
path: root/website/static/sass/components/_features.scss
diff options
context:
space:
mode:
authorprashantsinalkar2017-09-07 12:26:06 +0530
committerprashantsinalkar2017-09-07 12:26:06 +0530
commit9f89e398c88fa0982363d5f42e10f04dc4b58911 (patch)
treef0b8bb2d7988c21ba56d00f025d4405e2a975fb0 /website/static/sass/components/_features.scss
parenta545b3f01d16d6dcaebe3067a2e847df7c271a59 (diff)
downloadSciPy2017-9f89e398c88fa0982363d5f42e10f04dc4b58911.tar.gz
SciPy2017-9f89e398c88fa0982363d5f42e10f04dc4b58911.tar.bz2
SciPy2017-9f89e398c88fa0982363d5f42e10f04dc4b58911.zip
initial commit for development
Diffstat (limited to 'website/static/sass/components/_features.scss')
-rwxr-xr-xwebsite/static/sass/components/_features.scss60
1 files changed, 60 insertions, 0 deletions
diff --git a/website/static/sass/components/_features.scss b/website/static/sass/components/_features.scss
new file mode 100755
index 0000000..0a913b3
--- /dev/null
+++ b/website/static/sass/components/_features.scss
@@ -0,0 +1,60 @@
+///
+/// Stellar by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Features */
+
+ .features {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ @include vendor('justify-content', 'center');
+ width: calc(100% + #{_size(element-margin)});
+ margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1);
+ padding: 0;
+ list-style: none;
+
+ li {
+ width: calc(#{(100% / 3)} - #{_size(element-margin)});
+ margin-left: _size(element-margin);
+ margin-top: (_size(element-margin) * 1.5);
+ padding: 0;
+
+ &:nth-child(1),
+ &:nth-child(2),
+ &:nth-child(3) {
+ margin-top: 0;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ @include breakpoint(medium) {
+ li {
+ width: calc(#{(100% / 2)} - #{_size(element-margin)});
+
+ &:nth-child(3) {
+ margin-top: (_size(element-margin) * 1.5);
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ width: 100%;
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ width: 100%;
+ margin-left: 0;
+ margin-top: _size(element-margin);
+
+ &:nth-child(2),
+ &:nth-child(3) {
+ margin-top: _size(element-margin);
+ }
+ }
+ }
+ } \ No newline at end of file