Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
italy-theme
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Gruppo Web
italy-theme
Commits
e1b5d4e9
Commit
e1b5d4e9
authored
Apr 23, 2018
by
Pietro Albini
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
page: add .col-center class
parent
edaa0298
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
27 additions
and
1 deletion
+27
-1
demo.html
demo.html
+22
-1
scss/_page.scss
scss/_page.scss
+5
-0
No files found.
demo.html
View file @
e1b5d4e9
...
@@ -178,7 +178,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
...
@@ -178,7 +178,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<code>
.col-quarter
</code>
per specificare le
<code>
.col-quarter
</code>
per specificare le
dimensioni di una colonna. Se le classi non sono
dimensioni di una colonna. Se le classi non sono
specificate le colonne avranno dimensione
specificate le colonne avranno dimensione
automatica.
automatica. Inoltre,
<code>
.col-center
</code>
allinea il contenuto della colonna al centro,
verticalmente ed orizzontalmente.
</p>
</p>
</div>
</div>
</div>
</div>
...
@@ -316,6 +318,25 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
...
@@ -316,6 +318,25 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
</p>
</p>
</div>
</div>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col"
>
<p>
Sunt vitae recusandae laborum. Qui consequatur
laudantium illo corporis. Quia quidem occaecati
corporis libero a saepe. Recusandae quis deleniti
debitis non. Nihil molestiae autem ratione doloremque
sit quaerat consequuntur. Velit minus aut et
voluptatem. Dolorem explicabo commodi ullam in iusto
at reiciendis. Eaque quibusdam ad et dolores. Qui
numquam nemo est fuga quia animi impedit enim.
</p>
</div>
<div
class=
"col col-center"
>
<p>
Centered
</p>
</div>
</div>
</div>
</div>
<div
class=
"page"
>
<div
class=
"page"
>
...
...
scss/_page.scss
View file @
e1b5d4e9
...
@@ -52,6 +52,11 @@ div.page {
...
@@ -52,6 +52,11 @@ div.page {
&
.col-quarter
{
&
.col-quarter
{
flex
:
0
0
25%
;
flex
:
0
0
25%
;
}
}
&
.col-center
{
text-align
:
center
;
align-self
:
center
;
}
}
}
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment