Improved responsivity
This commit is contained in:
1
Gemfile
1
Gemfile
@@ -16,6 +16,7 @@ gem "tzinfo-data", platforms: [:mswin, :mingw, :jruby]
|
|||||||
gem 'bootstrap-sass', require: false
|
gem 'bootstrap-sass', require: false
|
||||||
gem 'jquery-middleman'
|
gem 'jquery-middleman'
|
||||||
gem 'sass'
|
gem 'sass'
|
||||||
|
gem 'bourbon'
|
||||||
gem 'haml'
|
gem 'haml'
|
||||||
gem 'coffee-script'
|
gem 'coffee-script'
|
||||||
|
|
||||||
|
|||||||
@@ -13,6 +13,9 @@ GEM
|
|||||||
bootstrap-sass (3.3.5.1)
|
bootstrap-sass (3.3.5.1)
|
||||||
autoprefixer-rails (>= 5.0.0.1)
|
autoprefixer-rails (>= 5.0.0.1)
|
||||||
sass (>= 3.3.0)
|
sass (>= 3.3.0)
|
||||||
|
bourbon (3.2.3)
|
||||||
|
sass (~> 3.2)
|
||||||
|
thor
|
||||||
capybara (2.4.4)
|
capybara (2.4.4)
|
||||||
mime-types (>= 1.16)
|
mime-types (>= 1.16)
|
||||||
nokogiri (>= 1.3.3)
|
nokogiri (>= 1.3.3)
|
||||||
@@ -146,6 +149,7 @@ PLATFORMS
|
|||||||
|
|
||||||
DEPENDENCIES
|
DEPENDENCIES
|
||||||
bootstrap-sass
|
bootstrap-sass
|
||||||
|
bourbon
|
||||||
coffee-script
|
coffee-script
|
||||||
haml
|
haml
|
||||||
jquery-middleman
|
jquery-middleman
|
||||||
|
|||||||
@@ -2,9 +2,11 @@
|
|||||||
|
|
||||||
@import "normalize.css"
|
@import "normalize.css"
|
||||||
@import "bootstrap"
|
@import "bootstrap"
|
||||||
|
@import "bourbon"
|
||||||
|
|
||||||
#hi, #contact, #socials
|
#hi, #contact, #socials
|
||||||
text-align: center
|
text-align: center
|
||||||
|
max-width: 90%
|
||||||
|
|
||||||
#hi h2
|
#hi h2
|
||||||
margin-top: -0.2em
|
margin-top: -0.2em
|
||||||
@@ -15,7 +17,8 @@
|
|||||||
margin-left: 0.2em
|
margin-left: 0.2em
|
||||||
|
|
||||||
.social-icon
|
.social-icon
|
||||||
height: 48px
|
@include calc(width, '(100% - 0.2em * 16) / 6')
|
||||||
|
max-width: 48px
|
||||||
|
|
||||||
#contact
|
#contact
|
||||||
margin-bottom: 50px
|
margin-bottom: 50px
|
||||||
|
|||||||
Reference in New Issue
Block a user