commit
53d3bcd037
65 changed files with 5346 additions and 0 deletions
@ -0,0 +1,3 @@
@@ -0,0 +1,3 @@
|
||||
_site |
||||
.sass-cache |
||||
.jekyll-metadata |
||||
@ -0,0 +1,24 @@
@@ -0,0 +1,24 @@
|
||||
--- |
||||
layout: default |
||||
--- |
||||
|
||||
<style type="text/css" media="screen"> |
||||
.container { |
||||
margin: 10px auto; |
||||
max-width: 600px; |
||||
text-align: center; |
||||
} |
||||
h1 { |
||||
margin: 30px 0; |
||||
font-size: 4em; |
||||
line-height: 1; |
||||
letter-spacing: -1px; |
||||
} |
||||
</style> |
||||
|
||||
<div class="container"> |
||||
<h1>404</h1> |
||||
|
||||
<p><strong>Page not found :(</strong></p> |
||||
<p>The requested page could not be found.</p> |
||||
</div> |
||||
@ -0,0 +1,30 @@
@@ -0,0 +1,30 @@
|
||||
source "https://rubygems.org" |
||||
|
||||
# Hello! This is where you manage which Jekyll version is used to run. |
||||
# When you want to use a different version, change it below, save the |
||||
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: |
||||
# |
||||
# bundle exec jekyll serve |
||||
# |
||||
# This will help ensure the proper Jekyll version is running. |
||||
# Happy Jekylling! |
||||
gem "jekyll", "~> 3.8.5" |
||||
|
||||
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and |
||||
# uncomment the line below. To upgrade, run `bundle update github-pages`. |
||||
# gem "github-pages", group: :jekyll_plugins |
||||
|
||||
# If you have any plugins, put them here! |
||||
group :jekyll_plugins do |
||||
gem "jekyll-feed", "~> 0.6" |
||||
end |
||||
|
||||
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem |
||||
gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby] |
||||
|
||||
# Performance-booster for watching directories on Windows |
||||
gem "wdm", "~> 0.1.0" if Gem.win_platform? |
||||
|
||||
gem 'jekyll-seo-tag' |
||||
gem 'jekyll-sitemap' |
||||
gem 'sass' |
||||
@ -0,0 +1,74 @@
@@ -0,0 +1,74 @@
|
||||
GEM |
||||
remote: https://rubygems.org/ |
||||
specs: |
||||
addressable (2.6.0) |
||||
public_suffix (>= 2.0.2, < 4.0) |
||||
colorator (1.1.0) |
||||
concurrent-ruby (1.1.4) |
||||
em-websocket (0.5.1) |
||||
eventmachine (>= 0.12.9) |
||||
http_parser.rb (~> 0.6.0) |
||||
eventmachine (1.2.7) |
||||
ffi (1.10.0) |
||||
forwardable-extended (2.6.0) |
||||
http_parser.rb (0.6.0) |
||||
i18n (0.9.5) |
||||
concurrent-ruby (~> 1.0) |
||||
jekyll (3.8.5) |
||||
addressable (~> 2.4) |
||||
colorator (~> 1.0) |
||||
em-websocket (~> 0.5) |
||||
i18n (~> 0.7) |
||||
jekyll-sass-converter (~> 1.0) |
||||
jekyll-watch (~> 2.0) |
||||
kramdown (~> 1.14) |
||||
liquid (~> 4.0) |
||||
mercenary (~> 0.3.3) |
||||
pathutil (~> 0.9) |
||||
rouge (>= 1.7, < 4) |
||||
safe_yaml (~> 1.0) |
||||
jekyll-feed (0.11.0) |
||||
jekyll (~> 3.3) |
||||
jekyll-sass-converter (1.5.2) |
||||
sass (~> 3.4) |
||||
jekyll-seo-tag (2.5.0) |
||||
jekyll (~> 3.3) |
||||
jekyll-sitemap (1.2.0) |
||||
jekyll (~> 3.3) |
||||
jekyll-watch (2.1.2) |
||||
listen (~> 3.0) |
||||
kramdown (1.17.0) |
||||
liquid (4.0.1) |
||||
listen (3.1.5) |
||||
rb-fsevent (~> 0.9, >= 0.9.4) |
||||
rb-inotify (~> 0.9, >= 0.9.7) |
||||
ruby_dep (~> 1.2) |
||||
mercenary (0.3.6) |
||||
pathutil (0.16.2) |
||||
forwardable-extended (~> 2.6) |
||||
public_suffix (3.0.3) |
||||
rb-fsevent (0.10.3) |
||||
rb-inotify (0.10.0) |
||||
ffi (~> 1.0) |
||||
rouge (3.3.0) |
||||
ruby_dep (1.5.0) |
||||
safe_yaml (1.0.5) |
||||
sass (3.7.3) |
||||
sass-listen (~> 4.0.0) |
||||
sass-listen (4.0.0) |
||||
rb-fsevent (~> 0.9, >= 0.9.4) |
||||
rb-inotify (~> 0.9, >= 0.9.7) |
||||
|
||||
PLATFORMS |
||||
ruby |
||||
|
||||
DEPENDENCIES |
||||
jekyll (~> 3.8.5) |
||||
jekyll-feed (~> 0.6) |
||||
jekyll-seo-tag |
||||
jekyll-sitemap |
||||
sass |
||||
tzinfo-data |
||||
|
||||
BUNDLED WITH |
||||
2.0.1 |
||||
@ -0,0 +1,47 @@
@@ -0,0 +1,47 @@
|
||||
# Welcome to Jekyll! |
||||
# |
||||
# This config file is meant for settings that affect your whole blog, values |
||||
# which you are expected to set up once and rarely edit after that. If you find |
||||
# yourself editing this file very often, consider using Jekyll's data files |
||||
# feature for the data you need to update frequently. |
||||
# |
||||
# For technical reasons, this file is *NOT* reloaded automatically when you use |
||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process. |
||||
|
||||
# Site settings |
||||
# These are used to personalize your new site. If you look in the HTML files, |
||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. |
||||
# You can create any custom variable you would like, and they will be accessible |
||||
# in the templates via {{ site.myvariable }}. |
||||
title: lxsameer's nest |
||||
email: lxsameer@gnu.org |
||||
description: >- # this means to ignore newlines until "baseurl:" |
||||
Write an awesome description for your new site here. You can edit this |
||||
line in _config.yml. It will appear in your document head meta (for |
||||
Google search results) and in your feed.xml site description. |
||||
baseurl: "" # the subpath of your site, e.g. /blog |
||||
url: "https://lxsameer.com" # the base hostname & protocol for your site, e.g. http://example.com |
||||
twitter_username: lxsameer |
||||
github_username: lxsameer |
||||
|
||||
# Build settings |
||||
markdown: kramdown |
||||
plugins: |
||||
- jekyll-feed |
||||
- jekyll-sitemap |
||||
- jekyll-seo-tag |
||||
# Exclude from processing. |
||||
# The following items will not be processed, by default. Create a custom list |
||||
# to override the default setting. |
||||
# exclude: |
||||
# - Gemfile |
||||
# - Gemfile.lock |
||||
# - node_modules |
||||
# - vendor/bundle/ |
||||
# - vendor/cache/ |
||||
# - vendor/gems/ |
||||
# - vendor/ruby/ |
||||
|
||||
|
||||
sass: |
||||
sass_dir: _sass |
||||
@ -0,0 +1,66 @@
@@ -0,0 +1,66 @@
|
||||
<html class="light"> |
||||
<head> |
||||
<link href="/assets/styles/web.css" rel="stylesheet"/> |
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> |
||||
</head> |
||||
<body class="{{ page.theme }}"> |
||||
<section class="section"> |
||||
<div class="container"> |
||||
<div class="columns is-centered centered is-flex"> |
||||
<div class="column is-half centered is-flex"> |
||||
<div class="columns"> |
||||
<div class="column navlink"> |
||||
<a class="" href="https://gitlab.com/lxsameer"> |
||||
<span class="icon is-large"> |
||||
<i class="fab fa-gitlab fa-lg"></i> |
||||
</span> |
||||
</a> |
||||
</div> |
||||
<div class="column navlink"> |
||||
<a class="" href="/feed.rss"> |
||||
<span class="icon is-large"> |
||||
<i class="fas fa-rss fa-lg"></i> |
||||
</span> |
||||
</a> |
||||
</div> |
||||
<div class="column navlink"> |
||||
<a class="" href="/blog/"> |
||||
<span class="icon is-large"> |
||||
<i class="fas fa-blog fa-lg"></i> |
||||
</span> |
||||
</a> |
||||
</div> |
||||
|
||||
<div class="column navlink"> |
||||
<a class="" href="https://linkedin.com/lxsameer"> |
||||
<span class="icon is-large"> |
||||
<i class="fab fa-linkedin fa-lg"></i> |
||||
</span> |
||||
</a> |
||||
</div> |
||||
<div class="column navlink"> |
||||
<a class="" href="https://twitter.com/lxsameer"> |
||||
<span class="icon is-large"> |
||||
<i class="fab fa-twitter fa-lg"></i> |
||||
</span> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<section class="section is-flex"> |
||||
<div class="container"> |
||||
{{ content }} |
||||
</div> |
||||
</section> |
||||
|
||||
<footer class="footer"> |
||||
<div class="content has-text-centered"> |
||||
© 2010-2019 Sameer Rahmani |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,32 @@
@@ -0,0 +1,32 @@
|
||||
--- |
||||
layout: default |
||||
--- |
||||
<div class="columns is-centered"> |
||||
<div class="column is-half has-text-centered is-flex centered"> |
||||
<figure class="image is-128x128 is-centered"> |
||||
<img class="is-rounded" src="https://lxsameer.com/images/me-1.jpg" alt="Sameer Rahmani" /> |
||||
</figure> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="columns is-centered has-text-centered"> |
||||
<div class="column is-half"> |
||||
<h1 class="is-size-1">Sameer Rahmani</h1> |
||||
<h2 class="is-size-2">Senior Software Engineer</h2> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="columns is-centered is-flex"> |
||||
<div class="column is-one-quarter centered"> |
||||
<a class="button is-primary is-block cv-button" href="/"> |
||||
<b> |
||||
Download My CV |
||||
</b> |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
{{ content }} |
||||
|
||||
</div> |
||||
@ -0,0 +1,15 @@
@@ -0,0 +1,15 @@
|
||||
--- |
||||
layout: default |
||||
theme: dark |
||||
--- |
||||
|
||||
<div class="columns is-flex centered"> |
||||
<div class="column is-half"> |
||||
<h1 class="is-size-1"> |
||||
{{page.title}} |
||||
</h1> |
||||
<content class="post"> |
||||
{{ content }} |
||||
</content> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,9 @@
@@ -0,0 +1,9 @@
|
||||
--- |
||||
layout: default |
||||
--- |
||||
|
||||
<div class="columns is-flex centered"> |
||||
<div class="column is-half"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,27 @@
@@ -0,0 +1,27 @@
|
||||
--- |
||||
layout: page |
||||
title: "Welcome to Jekyll!" |
||||
date: 2019-02-23 19:44:57 +0000 |
||||
theme: dark |
||||
categories: jekyll update |
||||
--- |
||||
|
||||
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. |
||||
|
||||
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. |
||||
|
||||
Jekyll also offers powerful support for code snippets: |
||||
|
||||
{% highlight ruby %} |
||||
def print_hi(name) |
||||
puts "Hi, #{name}" |
||||
end |
||||
print_hi('Tom') |
||||
#=> prints 'Hi, Tom' to STDOUT. |
||||
{% endhighlight %} |
||||
|
||||
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. |
||||
|
||||
[jekyll-docs]: https://jekyllrb.com/docs/home |
||||
[jekyll-gh]: https://github.com/jekyll/jekyll |
||||
[jekyll-talk]: https://talk.jekyllrb.com/ |
||||
@ -0,0 +1,8 @@
@@ -0,0 +1,8 @@
|
||||
@charset "utf-8" |
||||
/*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */ |
||||
@import "bulma/utilities/_all" |
||||
@import "bulma/base/_all" |
||||
@import "bulma/elements/_all" |
||||
@import "bulma/components/_all" |
||||
@import "bulma/grid/_all" |
||||
@import "bulma/layout/_all" |
||||
Binary file not shown.
@ -0,0 +1,5 @@
@@ -0,0 +1,5 @@
|
||||
@charset "utf-8" |
||||
|
||||
@import "minireset.sass" |
||||
@import "generic.sass" |
||||
@import "helpers.sass" |
||||
@ -0,0 +1,130 @@
@@ -0,0 +1,130 @@
|
||||
$body-background-color: $white !default |
||||
$body-size: 16px !default |
||||
$body-rendering: optimizeLegibility !default |
||||
$body-family: $family-primary !default |
||||
$body-color: $text !default |
||||
$body-weight: $weight-normal !default |
||||
$body-line-height: 1.5 !default |
||||
|
||||
$code-family: $family-code !default |
||||
$code-padding: 0.25em 0.5em 0.25em !default |
||||
$code-weight: normal !default |
||||
$code-size: 0.875em !default |
||||
|
||||
$hr-background-color: $background !default |
||||
$hr-height: 2px !default |
||||
$hr-margin: 1.5rem 0 !default |
||||
|
||||
$strong-color: $text-strong !default |
||||
$strong-weight: $weight-bold !default |
||||
|
||||
html |
||||
background-color: $body-background-color |
||||
font-size: $body-size |
||||
-moz-osx-font-smoothing: grayscale |
||||
-webkit-font-smoothing: antialiased |
||||
min-width: 300px |
||||
overflow-x: hidden |
||||
overflow-y: scroll |
||||
text-rendering: $body-rendering |
||||
text-size-adjust: 100% |
||||
|
||||
article, |
||||
aside, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
section |
||||
display: block |
||||
|
||||
body, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea |
||||
font-family: $body-family |
||||
|
||||
code, |
||||
pre |
||||
-moz-osx-font-smoothing: auto |
||||
-webkit-font-smoothing: auto |
||||
font-family: $code-family |
||||
|
||||
body |
||||
color: $body-color |
||||
font-size: 1rem |
||||
font-weight: $body-weight |
||||
line-height: $body-line-height |
||||
|
||||
// Inline |
||||
|
||||
a |
||||
color: $link |
||||
cursor: pointer |
||||
text-decoration: none |
||||
strong |
||||
color: currentColor |
||||
&:hover |
||||
color: $link-hover |
||||
|
||||
code |
||||
background-color: $code-background |
||||
color: $code |
||||
font-size: $code-size |
||||
font-weight: $code-weight |
||||
padding: $code-padding |
||||
|
||||
hr |
||||
background-color: $hr-background-color |
||||
border: none |
||||
display: block |
||||
height: $hr-height |
||||
margin: $hr-margin |
||||
|
||||
img |
||||
height: auto |
||||
max-width: 100% |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] |
||||
vertical-align: baseline |
||||
|
||||
small |
||||
font-size: 0.875em |
||||
|
||||
span |
||||
font-style: inherit |
||||
font-weight: inherit |
||||
|
||||
strong |
||||
color: $strong-color |
||||
font-weight: $strong-weight |
||||
|
||||
// Block |
||||
|
||||
fieldset |
||||
border: none |
||||
|
||||
pre |
||||
+overflow-touch |
||||
background-color: $pre-background |
||||
color: $pre |
||||
font-size: 0.875em |
||||
overflow-x: auto |
||||
padding: 1.25rem 1.5rem |
||||
white-space: pre |
||||
word-wrap: normal |
||||
code |
||||
background-color: transparent |
||||
color: currentColor |
||||
font-size: 1em |
||||
padding: 0 |
||||
|
||||
table |
||||
td, |
||||
th |
||||
text-align: left |
||||
vertical-align: top |
||||
th |
||||
color: $text-strong |
||||
@ -0,0 +1,276 @@
@@ -0,0 +1,276 @@
|
||||
// Float |
||||
|
||||
.is-clearfix |
||||
+clearfix |
||||
|
||||
.is-pulled-left |
||||
float: left !important |
||||
|
||||
.is-pulled-right |
||||
float: right !important |
||||
|
||||
// Overflow |
||||
|
||||
.is-clipped |
||||
overflow: hidden !important |
||||
|
||||
// Overlay |
||||
|
||||
.is-overlay |
||||
@extend %overlay |
||||
|
||||
// Typography |
||||
|
||||
=typography-size($target:'') |
||||
@each $size in $sizes |
||||
$i: index($sizes, $size) |
||||
.is-size-#{$i}#{if($target == '', '', '-' + $target)} |
||||
font-size: $size !important |
||||
|
||||
+typography-size() |
||||
|
||||
+mobile |
||||
+typography-size('mobile') |
||||
|
||||
+tablet |
||||
+typography-size('tablet') |
||||
|
||||
+touch |
||||
+typography-size('touch') |
||||
|
||||
+desktop |
||||
+typography-size('desktop') |
||||
|
||||
+widescreen |
||||
+typography-size('widescreen') |
||||
|
||||
+fullhd |
||||
+typography-size('fullhd') |
||||
|
||||
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right') |
||||
|
||||
@each $alignment, $text-align in $alignments |
||||
.has-text-#{$alignment} |
||||
text-align: #{$text-align} !important |
||||
|
||||
@each $alignment, $text-align in $alignments |
||||
+mobile |
||||
.has-text-#{$alignment}-mobile |
||||
text-align: #{$text-align} !important |
||||
+tablet |
||||
.has-text-#{$alignment}-tablet |
||||
text-align: #{$text-align} !important |
||||
+tablet-only |
||||
.has-text-#{$alignment}-tablet-only |
||||
text-align: #{$text-align} !important |
||||
+touch |
||||
.has-text-#{$alignment}-touch |
||||
text-align: #{$text-align} !important |
||||
+desktop |
||||
.has-text-#{$alignment}-desktop |
||||
text-align: #{$text-align} !important |
||||
+desktop-only |
||||
.has-text-#{$alignment}-desktop-only |
||||
text-align: #{$text-align} !important |
||||
+widescreen |
||||
.has-text-#{$alignment}-widescreen |
||||
text-align: #{$text-align} !important |
||||
+widescreen-only |
||||
.has-text-#{$alignment}-widescreen-only |
||||
text-align: #{$text-align} !important |
||||
+fullhd |
||||
.has-text-#{$alignment}-fullhd |
||||
text-align: #{$text-align} !important |
||||
|
||||
.is-capitalized |
||||
text-transform: capitalize !important |
||||
|
||||
.is-lowercase |
||||
text-transform: lowercase !important |
||||
|
||||
.is-uppercase |
||||
text-transform: uppercase !important |
||||
|
||||
.is-italic |
||||
font-style: italic !important |
||||
|
||||
@each $name, $pair in $colors |
||||
$color: nth($pair, 1) |
||||
.has-text-#{$name} |
||||
color: $color !important |
||||
a.has-text-#{$name} |
||||
&:hover, |
||||
&:focus |
||||
color: darken($color, 10%) !important |
||||
.has-background-#{$name} |
||||
background-color: $color !important |
||||
|
||||
@each $name, $shade in $shades |
||||
.has-text-#{$name} |
||||
color: $shade !important |
||||
.has-background-#{$name} |
||||
background-color: $shade !important |
||||
|
||||
.has-text-weight-light |
||||
font-weight: $weight-light !important |
||||
.has-text-weight-normal |
||||
font-weight: $weight-normal !important |
||||
.has-text-weight-semibold |
||||
font-weight: $weight-semibold !important |
||||
.has-text-weight-bold |
||||
font-weight: $weight-bold !important |
||||
|
||||
.is-family-primary |
||||
font-family: $family-primary !important |
||||
|
||||
.is-family-secondary |
||||
font-family: $family-secondary !important |
||||
|
||||
.is-family-sans-serif |
||||
font-family: $family-sans-serif !important |
||||
|
||||
.is-family-monospace |
||||
font-family: $family-monospace !important |
||||
|
||||
.is-family-code |
||||
font-family: $family-code !important |
||||
|
||||
// Visibility |
||||
|
||||
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' |
||||
|
||||
@each $display in $displays |
||||
.is-#{$display} |
||||
display: #{$display} !important |
||||
+mobile |
||||
.is-#{$display}-mobile |
||||
display: #{$display} !important |
||||
+tablet |
||||
.is-#{$display}-tablet |
||||
display: #{$display} !important |
||||
+tablet-only |
||||
.is-#{$display}-tablet-only |
||||
display: #{$display} !important |
||||
+touch |
||||
.is-#{$display}-touch |
||||
display: #{$display} !important |
||||
+desktop |
||||
.is-#{$display}-desktop |
||||
display: #{$display} !important |
||||
+desktop-only |
||||
.is-#{$display}-desktop-only |
||||
display: #{$display} !important |
||||
+widescreen |
||||
.is-#{$display}-widescreen |
||||
display: #{$display} !important |
||||
+widescreen-only |
||||
.is-#{$display}-widescreen-only |
||||
display: #{$display} !important |
||||
+fullhd |
||||
.is-#{$display}-fullhd |
||||
display: #{$display} !important |
||||
|
||||
.is-hidden |
||||
display: none !important |
||||
|
||||
.is-sr-only |
||||
border: none !important |
||||
clip: rect(0, 0, 0, 0) !important |
||||
height: 0.01em !important |
||||
overflow: hidden !important |
||||
padding: 0 !important |
||||
position: absolute !important |
||||
white-space: nowrap !important |
||||
width: 0.01em !important |
||||
|
||||
+mobile |
||||
.is-hidden-mobile |
||||
display: none !important |
||||
|
||||
+tablet |
||||
.is-hidden-tablet |
||||
display: none !important |
||||
|
||||
+tablet-only |
||||
.is-hidden-tablet-only |
||||
display: none !important |
||||
|
||||
+touch |
||||
.is-hidden-touch |
||||
display: none !important |
||||
|
||||
+desktop |
||||
.is-hidden-desktop |
||||
display: none !important |
||||
|
||||
+desktop-only |
||||
.is-hidden-desktop-only |
||||
display: none !important |
||||
|
||||
+widescreen |
||||
.is-hidden-widescreen |
||||
display: none !important |
||||
|
||||
+widescreen-only |
||||
.is-hidden-widescreen-only |
||||
display: none !important |
||||
|
||||
+fullhd |
||||
.is-hidden-fullhd |
||||
display: none !important |
||||
|
||||
.is-invisible |
||||
visibility: hidden !important |
||||
|
||||
+mobile |
||||
.is-invisible-mobile |
||||
visibility: hidden !important |
||||
|
||||
+tablet |
||||
.is-invisible-tablet |
||||
visibility: hidden !important |
||||
|
||||
+tablet-only |
||||
.is-invisible-tablet-only |
||||
visibility: hidden !important |
||||
|
||||
+touch |
||||
.is-invisible-touch |
||||
visibility: hidden !important |
||||
|
||||
+desktop |
||||
.is-invisible-desktop |
||||
visibility: hidden !important |
||||
|
||||
+desktop-only |
||||
.is-invisible-desktop-only |
||||
visibility: hidden !important |
||||
|
||||
+widescreen |
||||
.is-invisible-widescreen |
||||
visibility: hidden !important |
||||
|
||||
+widescreen-only |
||||
.is-invisible-widescreen-only |
||||
visibility: hidden !important |
||||
|
||||
+fullhd |
||||
.is-invisible-fullhd |
||||
visibility: hidden !important |
||||
|
||||
// Other |
||||
|
||||
.is-marginless |
||||
margin: 0 !important |
||||
|
||||
.is-paddingless |
||||
padding: 0 !important |
||||
|
||||
.is-radiusless |
||||
border-radius: 0 !important |
||||
|
||||
.is-shadowless |
||||
box-shadow: none !important |
||||
|
||||
.is-unselectable |
||||
@extend %unselectable |
||||
@ -0,0 +1,84 @@
@@ -0,0 +1,84 @@
|
||||
/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ |
||||
// Blocks |
||||
html, |
||||
body, |
||||
p, |
||||
ol, |
||||
ul, |
||||
li, |
||||
dl, |
||||
dt, |
||||
dd, |
||||
blockquote, |
||||
figure, |
||||
fieldset, |
||||
legend, |
||||
textarea, |
||||
pre, |
||||
iframe, |
||||
hr, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 |
||||
margin: 0 |
||||
padding: 0 |
||||
|
||||
// Headings |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 |
||||
font-size: 100% |
||||
font-weight: normal |
||||
|
||||
// List |
||||
ul |
||||
list-style: none |
||||
|
||||
// Form |
||||
button, |
||||
input, |
||||
select, |
||||
textarea |
||||
margin: 0 |
||||
|
||||
// Box sizing |
||||
html |
||||
box-sizing: border-box |
||||
|
||||
* |
||||
&, |
||||
&::before, |
||||
&::after |
||||
box-sizing: inherit |
||||
|
||||
// Media |
||||
img, |
||||
embed, |
||||
iframe, |
||||
object, |
||||
video |
||||
height: auto |
||||
max-width: 100% |
||||
|
||||
audio |
||||
max-width: 100% |
||||
|
||||
// Iframe |
||||
iframe |
||||
border: 0 |
||||
|
||||
// Table |
||||
table |
||||
border-collapse: collapse |
||||
border-spacing: 0 |
||||
|
||||
td, |
||||
th |
||||
padding: 0 |
||||
text-align: left |
||||
@ -0,0 +1,15 @@
@@ -0,0 +1,15 @@
|
||||
@charset "utf-8" |
||||
|
||||
@import "breadcrumb.sass" |
||||
@import "card.sass" |
||||
@import "dropdown.sass" |
||||
@import "level.sass" |
||||
@import "list.sass" |
||||
@import "media.sass" |
||||
@import "menu.sass" |
||||
@import "message.sass" |
||||
@import "modal.sass" |
||||
@import "navbar.sass" |
||||
@import "pagination.sass" |
||||
@import "panel.sass" |
||||
@import "tabs.sass" |
||||
@ -0,0 +1,75 @@
@@ -0,0 +1,75 @@
|
||||
$breadcrumb-item-color: $link !default |
||||
$breadcrumb-item-hover-color: $link-hover !default |
||||
$breadcrumb-item-active-color: $text-strong !default |
||||
|
||||
$breadcrumb-item-padding-vertical: 0 !default |
||||
$breadcrumb-item-padding-horizontal: 0.75em !default |
||||
|
||||
$breadcrumb-item-separator-color: $grey-light !default |
||||
|
||||
.breadcrumb |
||||
@extend %block |
||||
@extend %unselectable |
||||
font-size: $size-normal |
||||
white-space: nowrap |
||||
a |
||||
align-items: center |
||||
color: $breadcrumb-item-color |
||||
display: flex |
||||
justify-content: center |
||||
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal |
||||
&:hover |
||||
color: $breadcrumb-item-hover-color |
||||
li |
||||
align-items: center |
||||
display: flex |
||||
&:first-child a |
||||
padding-left: 0 |
||||
&.is-active |
||||
a |
||||
color: $breadcrumb-item-active-color |
||||
cursor: default |
||||
pointer-events: none |
||||
& + li::before |
||||
color: $breadcrumb-item-separator-color |
||||
content: "\0002f" |
||||
ul, |
||||
ol |
||||
align-items: flex-start |
||||
display: flex |
||||
flex-wrap: wrap |
||||
justify-content: flex-start |
||||
.icon |
||||
&:first-child |
||||
margin-right: 0.5em |
||||
&:last-child |
||||
margin-left: 0.5em |
||||
// Alignment |
||||
&.is-centered |
||||
ol, |
||||
ul |
||||
justify-content: center |
||||
&.is-right |
||||
ol, |
||||
ul |
||||
justify-content: flex-end |
||||
// Sizes |
||||
&.is-small |
||||
font-size: $size-small |
||||
&.is-medium |
||||
font-size: $size-medium |
||||
&.is-large |
||||
font-size: $size-large |
||||
// Styles |
||||
&.has-arrow-separator |
||||
li + li::before |
||||
content: "\02192" |
||||
&.has-bullet-separator |
||||
li + li::before |
||||
content: "\02022" |
||||
&.has-dot-separator |
||||
li + li::before |
||||
content: "\000b7" |
||||
&.has-succeeds-separator |
||||
li + li::before |
||||
content: "\0227B" |
||||
@ -0,0 +1,74 @@
@@ -0,0 +1,74 @@
|
||||
$card-color: $text !default |
||||
$card-background-color: $white !default |
||||
$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default |
||||
|
||||
$card-header-background-color: transparent !default |
||||
$card-header-color: $text-strong !default |
||||
$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default |
||||
$card-header-weight: $weight-bold !default |
||||
|
||||
$card-content-background-color: transparent !default |
||||
|
||||
$card-footer-background-color: transparent !default |
||||
$card-footer-border-top: 1px solid $border !default |
||||
|
||||
.card |
||||
background-color: $card-background-color |
||||
box-shadow: $card-shadow |
||||
color: $card-color |
||||
max-width: 100% |
||||
position: relative |
||||
|
||||
.card-header |
||||
background-color: $card-header-background-color |
||||
align-items: stretch |
||||
box-shadow: $card-header-shadow |
||||
display: flex |
||||
|
||||
.card-header-title |
||||
align-items: center |
||||
color: $card-header-color |
||||
display: flex |
||||
flex-grow: 1 |
||||
font-weight: $card-header-weight |
||||
padding: 0.75rem |
||||
&.is-centered |
||||
justify-content: center |
||||
|
||||
.card-header-icon |
||||
align-items: center |
||||
cursor: pointer |
||||
display: flex |
||||
justify-content: center |
||||
padding: 0.75rem |
||||
|
||||
.card-image |
||||
display: block |
||||
position: relative |
||||
|
||||
.card-content |
||||
background-color: $card-content-background-color |
||||
padding: 1.5rem |
||||
|
||||
.card-footer |
||||
background-color: $card-footer-background-color |
||||
border-top: $card-footer-border-top |
||||
align-items: stretch |
||||
display: flex |
||||
|
||||
.card-footer-item |
||||
align-items: center |
||||
display: flex |
||||
flex-basis: 0 |
||||
flex-grow: 1 |
||||
flex-shrink: 0 |
||||
justify-content: center |
||||
padding: 0.75rem |
||||
&:not(:last-child) |
||||
border-right: $card-footer-border-top |
||||
|
||||
// Combinations |
||||
|
||||
.card |
||||
.media:not(:last-child) |
||||
margin-bottom: 0.75rem |
||||
@ -0,0 +1,77 @@
@@ -0,0 +1,77 @@
|
||||
$dropdown-content-background-color: $white !default |
||||
$dropdown-content-arrow: $link !default |
||||
$dropdown-content-offset: 4px !default |
||||
$dropdown-content-radius: $radius !default |
||||
$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default |
||||
$dropdown-content-z: 20 !default |
||||
|
||||
$dropdown-item-color: $grey-dark !default |
||||
$dropdown-item-hover-color: $black !default |
||||
$dropdown-item-hover-background-color: $background !default |
||||
$dropdown-item-active-color: $link-invert !default |
||||
$dropdown-item-active-background-color: $link !default |
||||
|
||||
$dropdown-divider-background-color: $border !default |
||||
|
||||
.dropdown |
||||
display: inline-flex |
||||
position: relative |
||||
vertical-align: top |
||||
&.is-active, |
||||
&.is-hoverable:hover |
||||
.dropdown-menu |
||||
display: block |
||||
&.is-right |
||||
.dropdown-menu |
||||
left: auto |
||||
right: 0 |
||||
&.is-up |
||||
.dropdown-menu |
||||
bottom: 100% |
||||
padding-bottom: $dropdown-content-offset |
||||
padding-top: initial |
||||
top: auto |
||||
|
||||
.dropdown-menu |
||||
display: none |
||||
left: 0 |
||||
min-width: 12rem |
||||
padding-top: $dropdown-content-offset |
||||
position: absolute |
||||
top: 100% |
||||
z-index: $dropdown-content-z |
||||
|
||||
.dropdown-content |
||||
background-color: $dropdown-content-background-color |
||||
border-radius: $dropdown-content-radius |
||||
box-shadow: $dropdown-content-shadow |
||||
padding-bottom: 0.5rem |
||||
padding-top: 0.5rem |
||||
|
||||
.dropdown-item |
||||
color: $dropdown-item-color |
||||
display: block |
||||
font-size: 0.875rem |
||||
line-height: 1.5 |
||||
padding: 0.375rem 1rem |
||||
position: relative |
||||
|
||||
a.dropdown-item, |
||||
button.dropdown-item |
||||
padding-right: 3rem |
||||
text-align: left |
||||
white-space: nowrap |
||||
width: 100% |
||||
&:hover |
||||
background-color: $dropdown-item-hover-background-color |
||||
color: $dropdown-item-hover-color |
||||
&.is-active |
||||
background-color: $dropdown-item-active-background-color |
||||
color: $dropdown-item-active-color |
||||
|
||||
.dropdown-divider |
||||
background-color: $dropdown-divider-background-color |
||||
border: none |
||||
display: block |
||||
height: 1px |
||||
margin: 0.5rem 0 |
||||
@ -0,0 +1,75 @@
@@ -0,0 +1,75 @@
|
||||
.level |
||||
@extend %block |
||||
align-items: center |
||||
justify-content: space-between |
||||
code |
||||
border-radius: $radius |
||||
img |
||||
display: inline-block |
||||
vertical-align: top |
||||
// Modifiers |
||||
&.is-mobile |
||||
display: flex |
||||
.level-left, |
||||
.level-right |
||||
display: flex |
||||
.level-left + .level-right |
||||
margin-top: 0 |
||||
.level-item |
||||
&:not(:last-child) |
||||
margin-bottom: 0 |
||||
margin-right: 0.75rem |
||||
&:not(.is-narrow) |
||||
flex-grow: 1 |
||||
// Responsiveness |
||||
+tablet |
||||
display: flex |
||||
& > .level-item |
||||
&:not(.is-narrow) |
||||
flex-grow: 1 |
||||
|
||||
.level-item |
||||
align-items: center |
||||
display: flex |
||||
flex-basis: auto |
||||
flex-grow: 0 |
||||
flex-shrink: 0 |
||||
justify-content: center |
||||
.title, |
||||
.subtitle |
||||
margin-bottom: 0 |
||||
// Responsiveness |
||||
+mobile |
||||
&:not(:last-child) |
||||
margin-bottom: 0.75rem |
||||
|
||||
.level-left, |
||||
.level-right |
||||
flex-basis: auto |
||||
flex-grow: 0 |
||||
flex-shrink: 0 |
||||
.level-item |
||||
// Modifiers |
||||
&.is-flexible |
||||
flex-grow: 1 |
||||
// Responsiveness |
||||
+tablet |
||||
&:not(:last-child) |
||||
margin-right: 0.75rem |
||||
|
||||
.level-left |
||||
align-items: center |
||||
justify-content: flex-start |
||||
// Responsiveness |
||||
+mobile |
||||
& + .level-right |
||||
margin-top: 1.5rem |
||||
+tablet |
||||
display: flex |
||||
|
||||
.level-right |
||||
align-items: center |
||||
justify-content: flex-end |
||||
// Responsiveness |
||||
+tablet |
||||
display: flex |
||||
@ -0,0 +1,39 @@
@@ -0,0 +1,39 @@
|
||||
$list-background-color: $white !default |
||||
$list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default |
||||
$list-radius: $radius !default |
||||
|
||||
$list-item-border: 1px solid $border !default |
||||
$list-item-color: $text !default |
||||
$list-item-active-background-color: $link !default |
||||
$list-item-active-color: $link-invert !default |
||||
$list-item-hover-background-color: $background !default |
||||
|
||||
.list |
||||
@extend %block |
||||
background-color: $list-background-color |
||||
border-radius: $list-radius |
||||
box-shadow: $list-shadow |
||||
// &.is-hoverable > .list-item:hover:not(.is-active) |
||||
// background-color: $list-item-hover-background-color |
||||
// cursor: pointer |
||||
|
||||
.list-item |
||||
display: block |
||||
padding: 0.5em 1em |
||||
&:not(a) |
||||
color: $list-item-color |
||||
&:first-child |
||||
border-top-left-radius: $list-radius |
||||
border-top-right-radius: $list-radius |
||||
&:last-child |
||||
border-top-left-radius: $list-radius |
||||
border-top-right-radius: $list-radius |
||||
&:not(:last-child) |
||||
border-bottom: $list-item-border |
||||
&.is-active |
||||
background-color: $list-item-active-background-color |
||||
color: $list-item-active-color |
||||
|
||||
a.list-item |
||||
background-color: $list-item-hover-background-color |
||||
cursor: pointer |
||||
@ -0,0 +1,48 @@
@@ -0,0 +1,48 @@
|
||||
.media |
||||
align-items: flex-start |
||||
display: flex |
||||
text-align: left |
||||
.content:not(:last-child) |
||||
margin-bottom: 0.75rem |
||||
.media |
||||
border-top: 1px solid rgba($border, 0.5) |
||||
display: flex |
||||
padding-top: 0.75rem |
||||
.content:not(:last-child), |
||||
.control:not(:last-child) |
||||
margin-bottom: 0.5rem |
||||
.media |
||||
padding-top: 0.5rem |
||||
& + .media |
||||
margin-top: 0.5rem |
||||
& + .media |
||||
border-top: 1px solid rgba($border, 0.5) |
||||
margin-top: 1rem |
||||
padding-top: 1rem |
||||
// Sizes |
||||
&.is-large |
||||
& + .media |
||||
margin-top: 1.5rem |
||||
padding-top: 1.5rem |
||||
|
||||
.media-left, |
||||
.media-right |
||||
flex-basis: auto |
||||
flex-grow: 0 |
||||
flex-shrink: 0 |
||||
|
||||
.media-left |
||||
margin-right: 1rem |
||||
|
||||
.media-right |
||||
margin-left: 1rem |
||||
|
||||
.media-content |
||||
flex-basis: auto |
||||
flex-grow: 1 |
||||
flex-shrink: 1 |
||||
text-align: left |
||||
|
||||
+mobile |
||||
.media-content |
||||
overflow-x: auto |
||||
@ -0,0 +1,50 @@
@@ -0,0 +1,50 @@
|
||||
$menu-item-color: $text !default |
||||
$menu-item-radius: $radius-small !default |
||||
$menu-item-hover-color: $text-strong !default |
||||
$menu-item-hover-background-color: $background !default |
||||
$menu-item-active-color: $link-invert !default |
||||
$menu-item-active-background-color: $link !default |
||||
|
||||
$menu-list-border-left: 1px solid $border !default |
||||
|
||||
$menu-label-color: $text-light !default |
||||
|
||||
.menu |
||||
font-size: $size-normal |
||||
// Sizes |
||||
&.is-small |
||||
font-size: $size-small |
||||
&.is-medium |
||||
font-size: $size-medium |
||||
&.is-large |
||||
font-size: $size-large |
||||
|
||||
.menu-list |
||||
line-height: 1.25 |
||||
a |
||||
border-radius: $menu-item-radius |
||||
color: $menu-item-color |
||||
display: block |
||||
padding: 0.5em 0.75em |
||||
&:hover |
||||
background-color: $menu-item-hover-background-color |
||||
color: $menu-item-hover-color |
||||
// Modifiers |
||||
&.is-active |
||||
background-color: $menu-item-active-background-color |
||||
color: $menu-item-active-color |
||||
li |
||||
ul |
||||
border-left: $menu-list-border-left |
||||
margin: 0.75em |
||||
padding-left: 0.75em |
||||
|
||||
.menu-label |
||||
color: $menu-label-color |
||||
font-size: 0.75em |
||||
letter-spacing: 0.1em |
||||
text-transform: uppercase |
||||
&:not(:first-child) |
||||
margin-top: 1em |
||||
&:not(:last-child) |
||||
margin-bottom: 1em |
||||
@ -0,0 +1,86 @@
@@ -0,0 +1,86 @@
|
||||
$message-background-color: $background !default |
||||
$message-radius: $radius !default |
||||
|
||||
$message-header-background-color: $text !default |
||||
$message-header-color: $text-invert !default |
||||
$message-header-weight: $weight-bold !default |
||||
$message-header-padding: 0.75em 1em !default |
||||
$message-header-radius: $radius !default |
||||
|
||||
$message-body-border-color: $border !default |
||||
$message-body-border-width: 0 0 0 4px !default |
||||
$message-body-color: $text !default |
||||
$message-body-padding: 1.25em 1.5em !default |
||||
$message-body-radius: $radius !default |
||||
|
||||
$message-body-pre-background-color: $white !default |
||||
$message-body-pre-code-background-color: transparent !default |
||||
|
||||
$message-header-body-border-width: 0 !default |
||||
|
||||
.message |
||||
@extend %block |
||||
background-color: $message-background-color |
||||
border-radius: $message-radius |
||||
font-size: $size-normal |
||||
strong |
||||
color: currentColor |
||||
a:not(.button):not(.tag):not(.dropdown-item) |
||||
color: currentColor |
||||
text-decoration: underline |
||||
// Sizes |
||||
&.is-small |
||||
font-size: $size-small |
||||
&.is-medium |
||||
font-size: $size-medium |
||||
&.is-large |
||||
font-size: $size-large |
||||
// Colors |
||||
@each $name, $pair in $colors |
||||
$color: nth($pair, 1) |
||||
$color-invert: nth($pair, 2) |
||||
$color-lightning: max((100% - lightness($color)) - 2%, 0%) |
||||
$color-luminance: colorLuminance($color) |
||||
$darken-percentage: $color-luminance * 70% |
||||
$desaturate-percentage: $color-luminance * 30% |
||||
&.is-#{$name} |
||||
background-color: lighten($color, $color-lightning) |
||||
.message-header |
||||
background-color: $color |
||||
color: $color-invert |
||||
.message-body |
||||
border-color: $color |
||||
color: desaturate(darken($color, $darken-percentage), $desaturate-percentage) |
||||
|
||||
.message-header |
||||
align-items: center |
||||
background-color: $message-header-background-color |
||||
border-radius: $message-header-radius $message-header-radius 0 0 |
||||
color: $message-header-color |
||||
display: flex |
||||
font-weight: $message-header-weight |
||||
justify-content: space-between |
||||
line-height: 1.25 |
||||
padding: $message-header-padding |
||||
position: relative |
||||
.delete |
||||
flex-grow: 0 |
||||
flex-shrink: 0 |
||||
margin-left: 0.75em |
||||
& + .message-body |
||||
border-width: $message-header-body-border-width |
||||
border-top-left-radius: 0 |
||||
border-top-right-radius: 0 |
||||
|
||||
.message-body |
||||
border-color: $message-body-border-color |
||||
border-radius: $message-body-radius |
||||
border-style: solid |
||||
border-width: $message-body-border-width |
||||
color: $message-body-color |
||||
padding: $message-body-padding |
||||
code, |
||||
pre |
||||
</ | ||||