Page MenuHomeDevCentral
Files F7163245

D546.id1331.diff
No OneTemporary
Actions

D546.id1331.diff
View Options

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -82,3 +82,4 @@
@import 'components/book';
@import 'components/footer';
@import 'components/layout';
+@import 'components/actions';
diff --git a/src/assets/scss/components/_actions.scss b/src/assets/scss/components/_actions.scss
new file mode 100644
--- /dev/null
+++ b/src/assets/scss/components/_actions.scss
@@ -0,0 +1,66 @@
+@charset "utf-8";
+
+/* -------------------------------------------------------------
+ Dæghrefn web site
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+ Project: Nasqueron
+ Author: Dereckson
+ Dependencies: foundation motion-ui
+ Filename: app.css
+ Licence: CC-BY 4.0, MIT
+ ------------------------------------------------------------- */
+
+/* -------------------------------------------------------------
+ General padding
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+#actions {
+ padding-top: 3em;
+}
+
+#actions .row {
+ padding-top: 1em;
+ padding-bottom: 4em;
+}
+
+/* -------------------------------------------------------------
+ Icons
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+#actions i {
+ color: #5e191c;
+ font-size: 128px;
+}
+
+/* -------------------------------------------------------------
+ < 640 px
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+@include breakpoint(small down) {
+ #actions {
+ h3 {
+ text-align: center;
+ font-size: 1.4rem;
+ }
+
+ .button {
+ display: block;
+ }
+ }
+}
+
+/* -------------------------------------------------------------
+ < 1024 px
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+@include breakpoint(medium down) {
+ #actions {
+ h3 {
+ margin-bottom: 2rem;
+ }
+
+ .button {
+ margin-top: 2rem;
+ }
+ }
+}
diff --git a/src/assets/scss/components/_blockgrid.scss b/src/assets/scss/components/_blockgrid.scss
--- a/src/assets/scss/components/_blockgrid.scss
+++ b/src/assets/scss/components/_blockgrid.scss
@@ -13,7 +13,7 @@
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.blockgrid img {
- margin-top: 1em;
+ margin: 1rem 0;
}
.black-margin {
diff --git a/src/assets/scss/components/_footer.scss b/src/assets/scss/components/_footer.scss
--- a/src/assets/scss/components/_footer.scss
+++ b/src/assets/scss/components/_footer.scss
@@ -32,20 +32,8 @@
list-style: none;
font-weight: bold;
color: #ffffff;
- padding: 3rem 0 2rem;
margin: 0;
-
- &::after {
- content: "•";
- padding: 0 0.4rem 0 0.8rem;
- }
-
- &:last-child::after {
- content: "";
- padding: 0 0.4rem 0 0.8rem;
- }
}
-
}
.service-name {
@@ -57,3 +45,52 @@
font-size: 0.75rem;
margin: 3em 0 0 0;
}
+
+/* -------------------------------------------------------------
+ < 640 px
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+@include breakpoint(small down) {
+ footer {
+ h3 {
+ font-size: 1.4rem;
+ }
+
+ .links {
+ font-size: 1rem;
+ }
+
+ .links a {
+ display: block;
+ }
+ }
+
+ .footer-extra-info {
+ br {
+ display: block;
+ margin: 0.2rem 0;
+ }
+ }
+}
+
+/* -------------------------------------------------------------
+ >= 640 px
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+@include breakpoint(medium) {
+ footer {
+ .links a {
+ padding: 3rem 0 2rem;
+
+ &::after {
+ content: "•";
+ padding: 0 0.4rem 0 0.8rem;
+ }
+
+ &:last-child::after {
+ content: "";
+ padding: 0 0.4rem 0 0.8rem;
+ }
+ }
+ }
+}
diff --git a/src/assets/scss/components/_layout.scss b/src/assets/scss/components/_layout.scss
--- a/src/assets/scss/components/_layout.scss
+++ b/src/assets/scss/components/_layout.scss
@@ -24,24 +24,10 @@
color: ghostwhite;
}
-#actions {
- padding-top: 3em;
-}
-
-#actions .row {
- padding-top: 1em;
- padding-bottom: 4em;
-}
-
/* -------------------------------------------------------------
Headings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
-#actions i {
- color: #5e191c;
- font-size: 128px;
-}
-
h3 {
color: antiquewhite;
}
diff --git a/src/pages/index.html b/src/pages/index.html
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -10,7 +10,7 @@
<div class="darken">
<section id="actions">
<div class="row">
- <div class="large-3 large-offset-1 columns">
+ <div class="large-3 large-offset-1 text-center large-text-left columns">
<i class="fi-book huge"></i>
</div>
<div class="large-8 columns">
@@ -25,7 +25,7 @@
</div>
<div class="row">
- <div class="large-3 large-offset-1 columns">
+ <div class="large-3 large-offset-1 text-center large-text-left columns">
<i class="fi-torsos-female-male huge"></i>
</div>
<div class="large-8 columns">
@@ -41,20 +41,19 @@
</div>
<div class="row">
- <div class="large-3 large-offset-1 columns">
+ <div class="large-3 large-offset-1 text-center large-text-left columns">
<i class="fi-mountains huge"></i>
</div>
<div class="large-8 columns">
<h3>Add a channel</h3>
- <p>Explain your needs and we'll offer you a solution.</p>
- <p>We create <em>sur mesure</em> code for each community.</p>
- <p>As it's already connected to a job queue, a RabbitMQ broker<br />and a MySQL database, pretty anything is possible.</p>
+ <p>Explain your needs and we'll offer you a solution. We create <em>sur mesure</em> code for each community.</p>
+ <p>As it's already connected to a job queue, a RabbitMQ broker and a MySQL database, pretty anything is possible.</p>
<a href="https://devcentral.nasqueron.org/maniphest/task/edit/form/1/?tags=d%C3%A6ghrefn&subscribers=Dereckson&title=Add%20D%C3%A6ghrefn%20to%20%3Cwrite%20here%20the%20channel%20name%3E&description=[Write%20here%20what%20problems%20you%20want%20the%20bot%20to%20solve.]" class="button round">Request new channel</a>
</div>
</div>
<div class="row">
- <div class="large-3 large-offset-1 columns">
+ <div class="large-3 large-offset-1 text-center large-text-left columns">
<i class="fi-trees huge"></i>
</div>
<div class="large-8 columns">

File Metadata

Mime Type
text/plain
Expires
Tue, Apr 22, 18:03 (12 h, 27 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2596093
Default Alt Text
D546.id1331.diff (6 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator