...
 
Commits (4)
......@@ -340,6 +340,25 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
</div>
</div>
<div class="page">
<div class="row">
<div class="col">
<h1>Box</h1>
<p>
Sunt vitae recusandae laborum. Qui consequatur
laudantium illo corporis. Quia quidem occaecati
corporis libero a saepe.
</p>
</div>
<div class="col">
<div class="box">
<h2>Box title</h2>
<p>Box content.</p>
</div>
</div>
</div>
</div>
<footer>
<p>
Ubuntu e Canonical sono marchi registrati da Canonical
......
......@@ -34,8 +34,9 @@ h1, h2, h3, h4, h5, h6 {
}
p {
line-height: 1.4em;
line-height: 1.45em;
margin: 1em 0;
text-align: justify;
}
a {
......@@ -47,7 +48,13 @@ a {
}
}
img {
max-height: 100%;
max-width: 100%;
}
pre, code {
line-height: 1.45em;
background: mix(#fff, $color_orange, 90%);
border-radius: 0.3em;
}
......
/* Copyright (C) 2018 Pietro Albini <pietroalbini@ubuntu.com>
*
* This program is free software: you can redistribute it and/or modify it
* under the terms of the GNU Affero General Public License as published by the
* Free Software Foundation, either version 3 of the License, or (at your
* option) any later version.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
* for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
div.box {
padding: 1.5em;
border: 1px solid mix(#fff, $color_warm_gray, 60%);
border-radius: 0.3em;
box-shadow: inset 0 0 0.2em rgba(0, 0, 0, 0.2);
& > *:first-child {
margin-top: 0 !important;
}
& > *:last-child {
margin-bottom: 0 !important;
}
}
......@@ -27,10 +27,11 @@ footer {
p {
margin: 0.3em;
text-align: center;
}
ul {
margin: 0.3em;
margin: 0.45em;
padding: 0;
li {
......
/* Copyright (C) 2018 Pietro Albini <pietroalbini@ubuntu.com>
*
* This program is free software: you can redistribute it and/or modify it
* under the terms of the GNU Affero General Public License as published by the
* Free Software Foundation, either version 3 of the License, or (at your
* option) any later version.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
* for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.text-center {
text-align: center;
}
......@@ -18,8 +18,11 @@
@import "base";
@import "buttons";
@import "box";
@import "cookiepolicy";
@import "navbar";
@import "page";
@import "footer";
@import "utils";