Browse Source

2016 design

development
Godwin 7 years ago
parent
commit
5d25e09bc4
  1. 9
      Gemfile
  2. 616
      app/assets/stylesheets/_application.scss
  3. 2
      app/assets/stylesheets/_settings.scss
  4. 2
      app/assets/stylesheets/bumbleberry-settings.json
  5. 28
      app/assets/stylesheets/translations/and_uc-9.9.scss
  6. 24
      app/assets/stylesheets/translations/android-2.1.scss
  7. 26
      app/assets/stylesheets/translations/android-2.2.scss
  8. 28
      app/assets/stylesheets/translations/android-2.3.scss
  9. 26
      app/assets/stylesheets/translations/android-3.scss
  10. 28
      app/assets/stylesheets/translations/android-4.1.scss
  11. 28
      app/assets/stylesheets/translations/android-4.2-4.3.scss
  12. 26
      app/assets/stylesheets/translations/android-4.4.3-4.4.4.scss
  13. 26
      app/assets/stylesheets/translations/android-4.4.scss
  14. 26
      app/assets/stylesheets/translations/android-4.scss
  15. 28
      app/assets/stylesheets/translations/bb-10.scss
  16. 28
      app/assets/stylesheets/translations/bb-7.scss
  17. 26
      app/assets/stylesheets/translations/chrome-10.scss
  18. 28
      app/assets/stylesheets/translations/chrome-11.scss
  19. 28
      app/assets/stylesheets/translations/chrome-12.scss
  20. 26
      app/assets/stylesheets/translations/chrome-13.scss
  21. 26
      app/assets/stylesheets/translations/chrome-14.scss
  22. 30
      app/assets/stylesheets/translations/chrome-15.scss
  23. 30
      app/assets/stylesheets/translations/chrome-16.scss
  24. 30
      app/assets/stylesheets/translations/chrome-17.scss
  25. 32
      app/assets/stylesheets/translations/chrome-18.scss
  26. 30
      app/assets/stylesheets/translations/chrome-19.scss
  27. 30
      app/assets/stylesheets/translations/chrome-20.scss
  28. 28
      app/assets/stylesheets/translations/chrome-21.scss
  29. 30
      app/assets/stylesheets/translations/chrome-22.scss
  30. 28
      app/assets/stylesheets/translations/chrome-23.scss
  31. 30
      app/assets/stylesheets/translations/chrome-24.scss
  32. 28
      app/assets/stylesheets/translations/chrome-25.scss
  33. 24
      app/assets/stylesheets/translations/chrome-26.scss
  34. 26
      app/assets/stylesheets/translations/chrome-27.scss
  35. 24
      app/assets/stylesheets/translations/chrome-28.scss
  36. 26
      app/assets/stylesheets/translations/chrome-29.scss
  37. 24
      app/assets/stylesheets/translations/chrome-30.scss
  38. 26
      app/assets/stylesheets/translations/chrome-31.scss
  39. 26
      app/assets/stylesheets/translations/chrome-32.scss
  40. 26
      app/assets/stylesheets/translations/chrome-33.scss
  41. 26
      app/assets/stylesheets/translations/chrome-34.scss
  42. 26
      app/assets/stylesheets/translations/chrome-35.scss
  43. 28
      app/assets/stylesheets/translations/chrome-36.scss
  44. 28
      app/assets/stylesheets/translations/chrome-37.scss
  45. 28
      app/assets/stylesheets/translations/chrome-38.scss
  46. 28
      app/assets/stylesheets/translations/chrome-39.scss
  47. 26
      app/assets/stylesheets/translations/chrome-4.scss
  48. 28
      app/assets/stylesheets/translations/chrome-40.scss
  49. 30
      app/assets/stylesheets/translations/chrome-41.scss
  50. 30
      app/assets/stylesheets/translations/chrome-42.scss
  51. 30
      app/assets/stylesheets/translations/chrome-43.scss
  52. 30
      app/assets/stylesheets/translations/chrome-44.scss
  53. 30
      app/assets/stylesheets/translations/chrome-45.scss
  54. 30
      app/assets/stylesheets/translations/chrome-46.scss
  55. 32
      app/assets/stylesheets/translations/chrome-47.scss
  56. 24
      app/assets/stylesheets/translations/chrome-5.scss
  57. 26
      app/assets/stylesheets/translations/chrome-6.scss
  58. 26
      app/assets/stylesheets/translations/chrome-7.scss
  59. 26
      app/assets/stylesheets/translations/chrome-8.scss
  60. 26
      app/assets/stylesheets/translations/chrome-9.scss
  61. 26
      app/assets/stylesheets/translations/firefox-10.scss
  62. 26
      app/assets/stylesheets/translations/firefox-11.scss
  63. 28
      app/assets/stylesheets/translations/firefox-12.scss
  64. 26
      app/assets/stylesheets/translations/firefox-13.scss
  65. 28
      app/assets/stylesheets/translations/firefox-14.scss
  66. 26
      app/assets/stylesheets/translations/firefox-15.scss
  67. 26
      app/assets/stylesheets/translations/firefox-16.scss
  68. 28
      app/assets/stylesheets/translations/firefox-17.scss
  69. 26
      app/assets/stylesheets/translations/firefox-18.scss
  70. 26
      app/assets/stylesheets/translations/firefox-19.scss
  71. 24
      app/assets/stylesheets/translations/firefox-2.scss
  72. 26
      app/assets/stylesheets/translations/firefox-20.scss
  73. 26
      app/assets/stylesheets/translations/firefox-21.scss
  74. 26
      app/assets/stylesheets/translations/firefox-22.scss
  75. 26
      app/assets/stylesheets/translations/firefox-23.scss
  76. 26
      app/assets/stylesheets/translations/firefox-24.scss
  77. 26
      app/assets/stylesheets/translations/firefox-25.scss
  78. 24
      app/assets/stylesheets/translations/firefox-26.scss
  79. 26
      app/assets/stylesheets/translations/firefox-27.scss
  80. 26
      app/assets/stylesheets/translations/firefox-28.scss
  81. 26
      app/assets/stylesheets/translations/firefox-29.scss
  82. 24
      app/assets/stylesheets/translations/firefox-3.5.scss
  83. 24
      app/assets/stylesheets/translations/firefox-3.6.scss
  84. 26
      app/assets/stylesheets/translations/firefox-3.scss
  85. 26
      app/assets/stylesheets/translations/firefox-30.scss
  86. 26
      app/assets/stylesheets/translations/firefox-31.scss
  87. 24
      app/assets/stylesheets/translations/firefox-32.scss
  88. 28
      app/assets/stylesheets/translations/firefox-33.scss
  89. 28
      app/assets/stylesheets/translations/firefox-34.scss
  90. 30
      app/assets/stylesheets/translations/firefox-35.scss
  91. 30
      app/assets/stylesheets/translations/firefox-36.scss
  92. 30
      app/assets/stylesheets/translations/firefox-37.scss
  93. 30
      app/assets/stylesheets/translations/firefox-38.scss
  94. 28
      app/assets/stylesheets/translations/firefox-39.scss
  95. 26
      app/assets/stylesheets/translations/firefox-4.scss
  96. 28
      app/assets/stylesheets/translations/firefox-40.scss
  97. 28
      app/assets/stylesheets/translations/firefox-41.scss
  98. 28
      app/assets/stylesheets/translations/firefox-42.scss
  99. 26
      app/assets/stylesheets/translations/firefox-5.scss
  100. 28
      app/assets/stylesheets/translations/firefox-6.scss

9
Gemfile

@ -6,6 +6,7 @@ gem 'haml'
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'coffee-rails', '~> 4.0.0'
gem 'nokogiri', '~> 1.6.8.rc2'
if Dir.exists?('../lingua_franca')
gem 'lingua_franca', :path => '../lingua_franca'
@ -33,8 +34,8 @@ gem 'nested_form'
gem 'acts_as_list'
gem 'geocoder'
gem 'paper_trail', '~> 3.0.5'
gem 'font-awesome-rails'
gem 'wysiwyg-rails'
#gem 'font-awesome-rails'
#gem 'wysiwyg-rails'
gem 'sitemap_generator'
gem 'activerecord-session_store'
gem 'paypal-express', '0.7.1'
@ -59,10 +60,10 @@ end
group :test do
gem 'gherkin3', '>= 3.1.0'
gem 'cucumber', '>= 2.1.0'
gem 'cucumber'
gem 'cucumber-core'
gem 'cucumber-rails'
#gem 'capybara'
gem 'poltergeist'
gem 'guard-rspec'
gem 'factory_girl_rails'

616
app/assets/stylesheets/_application.scss

@ -9,6 +9,10 @@ html, body {
z-index: $zindex-base;
}
body {
padding-bottom: 15vw;
}
h1, h2, h3, h4, h5, label, button, .button, dt, th, nav.sub-menu {
@include font-family(secondary);
font-weight: normal;
@ -211,12 +215,6 @@ input {
width: 100%;
padding: 0.25em 0.5em;
border-bottom: 0.15em solid transparent;
//@include default-box-shadow(top, 2, false, 0 0.05em 0 0 #666);
//@include _(transition, box-shadow 100ms ease-in-out);
&:hover, &:focus, &:active {
//@include default-box-shadow(top, 2, false, 0 0.15em 0 0 $colour-1);
}
}
}
@ -224,7 +222,6 @@ input {
.email-field,
.text-field {
position: relative;
//overflow: hidden;
margin-bottom: 2em;
background-color: #F8F8F8;
@include default-box-shadow(top, 1.5, false, 0 0.05em 0 0 #666);
@ -240,22 +237,12 @@ input {
position: absolute;
z-index: $zindex-base + 3;
font-size: 1em;
//float: left;
//@include font-family(primary);
//font-weight: bold;
//left: 0;
//top: 0;
padding: 0.25em 0.667em;
width: auto;
//background-color: #333;
@include _(transition, 'transform 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out');
//@include _(transform-origin, left center);
//@include _(transform, scale(1) translateY(0));
top: 100%;
//@include _(transform, translateY(100%) scale(0.75));
@include _(transform, translateY(0) scale(0.75));
@include _(transform-origin, 0 0);
//line-height: 1em;
line-height: 1.5em;
background-color: transparent;
color: #333;
@ -275,9 +262,6 @@ input {
background-color: transparent;
color: #888;
}
input {
//@include _(box-shadow, none);
}
}
input {
@ -303,14 +287,6 @@ input {
@include _(box-shadow, inset 0 0 1em 1em #E8E8E8);
}
}
/*input {
&:focus, &:active, &:not([value=""]) {
+ label {
@include _(transform, scale(0.75) translateY(-20%));
top: -0.5em;
}
}
}*/
}
.input-field.other-field label {
@ -568,90 +544,84 @@ form {
}
#main-nav {
position: relative;
top: 0;
left: 0;
width: 100%;
background-color: $white;
@include default-box-shadow(top, 2);
z-index: $zindex-base + 2;
@include font-family(secondary);
overflow: hidden;
.nav {
text-align: center;
clear: left;
overflow: auto;
background-color: $colour-3;
height: 2em;
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
right: 0;
padding: 0;
font-size: 6vw;
background-color: #FFF;
@include _-(display, flex);
@include _(box-shadow, 0 0 2em -0.5em rgba(0, 0, 0, 0.5));
span {
display: table-cell;
text-align: center;
width: 100%;
height: 100%;
vertical-align: middle;
a.policy {
background-color: $colour-5;
@include _(order, 1);
}
a {
position: relative;
a.about {
background-color: $colour-3;
@include _(order, 1);
}
form {
background-color: $colour-2;
}
a, form {
width: 33%;
@include _(flex, 1);
}
a, form, button {
text-align: center;
padding: 0;
margin: 0;
display: table;
height: 100%;
overflow: hidden;
float: left;
}
a, button {
display: inline-block;
font-weight: normal;
@include font-family(secondary);
text-decoration: none;
font-size: 2.25vw;
outline: none;
border: 0;
width: 33.33%;
background-color: $colour-5;
color: $white;
@include _(text-shadow, 0 0 0.35em #000);
padding: 0.5em 0;
color: #FFF;
@include _(border-radius, 0);
@include _(box-shadow, inset 0 0 1.5em 0.25em rgba(0, 0, 0, 0.125));
@include _(text-shadow, 0 0 0.25em rgba(0,0,0,0.5));
@include after {
display: none;
}
}
@include before {
background-color: $colour-5;
}
&:nth-child(2) {
background-color: $colour-4;
button {
background-color: transparent;
border: 0;
font-size: 1em;
width: 100%;
@include _(text-stroke, 0);
@include before {
background-color: $colour-4;
}
@include before {
display: none;
}
}
&:nth-child(3) {
background-color: $colour-3;
@include before {
background-color: $colour-3;
}
}
form {
display: inline;
}
}
.actions {
text-align: center;
position: absolute;
top: rems(0.5);
right: rems(1);
font-size: 3.1vw;
> a, > form {
vertical-align: middle;
margin: 0 0 0.5em;
}
.logo {
font-size: 5em;
}
}
#main {
position: relative;
//z-index: $zindex-base;
max-width: (rems(68) - $sidebar-width) * 2;
background-color: $white;
padding-bottom: rems(2);
@ -660,7 +630,6 @@ form {
padding: rems(2.5) 7.5%;
&.supplementary {
//background-color: $colour-3;
margin: rems(1) 7.5%;
overflow: hidden;
border-radius: 0.33em;
@ -691,6 +660,7 @@ a.logo {
padding: 0.1em;
border: 0;
float: left;
overflow: auto;
@include clearfix;
&:hover,
@ -737,6 +707,13 @@ a.logo {
#banner {
clear: left;
float: none;
margin: 1em auto 0;
text-align: center;
body.home & {
max-width: 40em;
}
figure {
position: relative;
@ -747,7 +724,15 @@ a.logo {
img {
width: 100%;
@include default-box-shadow;
}
.title {
font-size: 5vw;
margin: 1em auto 2em;
h1, h3 {
margin: 0;
}
}
}
@ -764,6 +749,10 @@ $header-tilt: 8deg;
position: relative;
z-index: $zindex-base;
.row, .columns {
position: static;
}
rect {
fill: $colour-1;
}
@ -790,19 +779,6 @@ $header-tilt: 8deg;
@if capable_of(css-mixblendmode) {
position: relative;
body.home & {
$colours: ($colour-2, $colour-5, $colour-4, $colour-3, $colour-1);
$gradient: (90deg);
$w: 100% / length($colours);
$i: 0;
@each $colour in $colours {
$gradient: append($gradient, #{$colour} #{$w * $i}, comma);
$i: $i + 1;
$gradient: append($gradient, #{$colour} #{$w * $i}, comma);
}
background-image: linear-gradient($gradient);
}
.cover {
-webkit-filter: saturate(25%);
filter: saturate(25%);
@ -815,7 +791,7 @@ $header-tilt: 8deg;
h1 {
text-align: center;
font-size: 3.5em;
margin: 0.25em 0.5em;
margin: 1.75em 0 .75em;
position: relative;
z-index: $zindex-base + 2;
@include _(text-shadow, 0 0 0.15em #000);
@ -880,8 +856,9 @@ $header-tilt: 8deg;
}
}
.facebook, .locale {
.facebook{
float: left;
margin: 0.5em;
a {
@include after {
@ -915,7 +892,8 @@ $header-tilt: 8deg;
padding: 0.5em 0.5em 0.5em 2em;
text-align: center;
z-index: $zindex-base + 2;
margin-bottom: 0.5em;
margin-bottom: 1em;
margin-left: 3em;
a {
margin: 0 0.5em;
@ -936,143 +914,145 @@ $header-tilt: 8deg;
}
}
.locale {
@if capable_of(css3_selectors) {
margin: 0 0.5em;
ul.locales {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
}
#select-language {
position: absolute;
visibility: hidden;
}
@include breakpoint(medium) {
body {
padding-bottom: 0;
}
.launch {
display: block;
height: 1.5em;
padding: 0 0.125em;
border-radius: 0.1em;
background-color: #888;
color: #E7E7E7;
text-align: center;
line-height: 1.5em;
font-weight: normal;
@include font-family(secondary);
@include _(transition, 150ms background-color ease-in-out);
cursor: pointer;
h2 {
font-size: 2.25em;
}
&:hover {
background-color: #333;
}
p {
font-size: 1.4em;
}
@include after {
content: '×';
display: block;
position: fixed;
top: 0.5em;
left: -1em;
z-index: $zindex-base + 12;
color: #333;
font-size: 2em;
opacity: 0;
@include _(transition, 250ms left ease-in-out);
}
#main-nav {
.logo {
margin-top: 0.25em;
font-size: 4.25em;
}
.nav {
position: static;
font-size: 1.8em;
display: block;
text-align: right;
background-color: transparent;
@include _(box-shadow, none);
form {
background-color: transparent;
}
}
.selector {
position: fixed;
.nav a, .nav button {
width: auto;
overflow: visible;
margin-left: 0.75em;
line-height: 3em;
padding: 0 0 1em;
color: #333;
@include _(box-shadow, none);
@include _(text-shadow, none);
@include before-and-after {
content: '';
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.33);
z-index: -1;
margin: 0;
border: 0;
font-size: 1em;
left: -0.51em;
right: -0.51em;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1em 4em;
overflow: auto;
background-color: $white;
z-index: $zindex-base + 11;
@include _(transform, scale(0));
@include _(transform-origin, 6.25em _calc('100% - 2em', 98%));
@include _(transition, 250ms all ease-in-out);
height: 0;
width: auto;
@include _(opacity, 1);
@include _(transition, height 150ms ease-in-out);
@include _(transform, rotate(-20deg) scaleX(0.94) scaleY(1.5) translate(-0.5em, -0.5em));
@include _(transform-origin, 0 0);
}
ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
@include after {
height: 3em;
@include _(opacity, 0.1);
}
@include before {
box-shadow: 0 0 2em -0.5em rgba(#000, 0.75);
@include _(opacity, 0.33);
}
li {
position: relative;
display: inline-block;
min-width: 6em;
margin: 1em;
text-align: center;
border-radius: 0.33em;
overflow: hidden;
@include default-box-shadow;
@include _(transform, scale(1));
@include _(transition, 100ms transform ease-in-out);
&.current {
z-index: 2;
a {
display: block;
position: static;
background-color: $colour-1;
font-weight: normal;
@include font-family(secondary);
line-height: 1.5em;
color: $white;
@include before {
height: 3em;
@include _(opacity, 0.67);
}
}
@include before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-base + 2;
}
&:hover {
@include before {
height: 3em;
}
}
}
span {
padding: 1em;
height: 3.25em;
display: block;
}
.nav a {
&.policy {
background-color: transparent;
&:hover {
@include _(transform, scale(1.25));
@include before-and-after {
background-color: $colour-5;
}
}
#select-language:checked ~ label {
@include after {
display: block;
left: 0.25em;
opacity: 1;
}
}
&.about {
background-color: transparent;
#select-language:checked ~ .selector {
@include _(transform, scale(1));
@include before-and-after {
background-color: $colour-3;
}
}
} @else {
display: none;
}
}
}
@include breakpoint(medium) {
h2 {
font-size: 2.25em;
}
p {
font-size: 1.4em;
.nav a.register, .nav button {
@include before-and-after {
background-color: $colour-2;
}
&:focus, &:active {
@include _(transform, none);
}
}
}
#banner {
margin: 3em auto;
figure {
min-height: 40em;
margin: rems(-20) auto rems(2);
}
.title {
font-size: 1.9em;
margin: 3em 0 1em;
}
img {
@include _(box-shadow, 0 0 2em -0.5em rgba(0, 0, 0, 0.5));
}
}
#main {
@ -1085,73 +1065,6 @@ $header-tilt: 8deg;
}
}
#main-nav {
height: rems(6);
.nav {
height: auto;
width: 80%;
clear: none;
padding-top: rems(1.5);
background-color: transparent;
overflow: visible;
span {
display: inline;
}
a {
display: inline-block;
overflow: visible;
padding: 0;
float: none;
width: auto;
margin: 0 0.5em 0.75em;
font-size: 1em;
color: #666;
background-color: transparent;
@include _(text-shadow, 0 0.125em 0.25em #888);
&:nth-child(n) {
background-color: transparent;
}
&.current {
color: $colour-1;
}
@include after {
content: '';
display: block;
position: absolute;
bottom: -0.1em;
right: 0;
left: 0;
width: 0;
margin: 0 auto;
opacity: 0;
border-bottom: 0.15em solid;
@include _(box-shadow, 0 0.075em 0.15em #888);
@include _(transition, all 250ms ease-in-out);
@include _(transform, none);
}
&:hover,
&:active,
&:focus {
@include after {
opacity: 1;
width: 100%;
}
}
}
}
.actions {
font-size: 2vw;
}
}
#header-title {
min-height: rems(35);
font-size: 1em;
@ -1218,21 +1131,33 @@ $header-tilt: 8deg;
#footer {
.github {
bottom: 0.5em;
left: 4em;
//left: 4em;
float: left;
margin-right: 1em;
margin-left: 0;
}
.facebook {
position: absolute;
left: 0.5em;
}
.locale {
position: absolute;
left: 2em;
margin: 0 1em 0 0;
}
}
}
@include keyframes(fade-out) {
to { @include _(opacity, 0.25); }
}
:focus {
@include _(animation, fade-out ease-in-out 500ms infinite alternate both);
}
@include breakpoint(large) {
#main-nav {
.nav {
font-size: 1.9em;
margin-top: 0;
}
}
#banner {
body.fixed-banner & {
position: fixed;
@ -1247,40 +1172,6 @@ $header-tilt: 8deg;
}
}
#main-nav {
position: fixed;
width: $sidebar-width;
height: 100%;
@include default-box-shadow(left, 2);
.nav {
text-align: left;
padding-top: rems(9);
width: 100%;
a {
font-size: 1.6em;
margin: 0.75em 1em;
@include _(transition, color 250ms ease-in-out);
&:hover, &:active, &:focus {
color: #333;
@include before {
@include _(opacity, 1)
}
}
}
}
.actions {
position: relative;
top: 0;
right: 0;
font-size: 1em;
}
}
#main {
padding-left: $sidebar-width;
min-height: 100vh;
@ -1297,14 +1188,18 @@ $header-tilt: 8deg;
&.short {
h1 {
text-align: left;
margin: 0.67em 0;
}
}
}
#main-nav .logo {
font-size: 5em;
}
a.logo {
display: block;
float: none;
font-size: rems(7.5);
padding: 0.2em;
}
@ -1313,73 +1208,14 @@ $header-tilt: 8deg;
}
#footer {
position: fixed;
z-index: $zindex-base + 2;
width: 0;
overflow: visible;
padding: 0;
top: 0;
min-height: 42em;
height: 100%;
left: 0;
width: 100%;
height: 3em;
footer {
position: absolute;
height: 3.5em;
width: $sidebar-width;
bottom: 0;
padding: 1em;
}
.github {
position: absolute;
border-color: transparent;
max-width: 2.25em;
height: 2.25em;
left: 0.5em;
bottom: 0.333em;
overflow: hidden;
color: transparent;
padding: 0.333em;
line-height: 1.5em;
@include _(transition, all 250ms ease-in-out);
&:hover {
max-width: _calc('100% - 1em', 100%);
color: #333;
border-color: #DDD;
@include default-box-shadow(top, 2, true);
}
.icons {
float: left;
width: 1.5em;
height: 1.5em;
fill: #333;
vertical-align: middle;
position: static;
}
a {
margin: 0 0.5em;
font-size: 0.8em;
font-weight: bold;
color: inherit;
position: static;
&:hover {
text-decoration: underline;
@include after {
display: none;
}
}
}
}
.facebook, .locale {
position: relative;
left: 2.5em;
bottom: 0.25em;
max-width: $row-width;
margin: 0 auto;
}
}
}
@ -1396,8 +1232,8 @@ $header-tilt: 8deg;
}
}
@include header-colour(about, $colour-1);
@include header-colour(policy, $colour-3);
@include header-colour(about, $colour-3);
@include header-colour(policy, $colour-5);
#bike_small + label {
padding: 0.5em 2.5em;
@ -1583,6 +1419,10 @@ $header-tilt: 8deg;
@include default-box-shadow(top, 2, true);
}
body.policy .policy-agreement ul {
padding: 0 1.5em 0;
}
.stats {
list-style: none;

2
app/assets/stylesheets/_settings.scss

@ -1,4 +1,4 @@
$sidebar-width: rems(19);
$sidebar-width: 0;
// $colour-1: #00ADEF;
// $colour-2: #FF015B;

2
app/assets/stylesheets/bumbleberry-settings.json

@ -1,6 +1,6 @@
{
"stylesheets": ["application", "translations", "email-example"],
"background-color": "#E7E7E7",
"background-color": "#FFFEFE",
"breakpoint-unit": "px",
"unresponsive-width": 1000,
"row-width": 1000,

28
app/assets/stylesheets/translations/and_uc-9.9.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: UC Browser for Android 9.9 (approximately 8.11% of all users)
* Browser: UC Browser for Android 9.9 (approximately 9.17% of all users)
*
*/
@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": y,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": y,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": y,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

24
app/assets/stylesheets/translations/android-2.1.scss

@ -23,6 +23,7 @@ $browser_capabilities: (
"getelementsbyclassname": y,
"forms": n,
"html5semantic": a,
"css-line-clamp": u,
"offline-apps": y,
"webworkers": y,
"fontface": n,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": n,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": u,
"css-nth-child-of": n,
"focusin-focusout-events": n,
"css-matches-pseudo": u,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": u,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": u,
"css-optional-pseudo": u,
"css-indeterminate-pseudo": u,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

26
app/assets/stylesheets/translations/android-2.2.scss

@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": u,
"offline-apps": y,
"webworkers": n,
"fontface": a,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": n,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": u,
"css-nth-child-of": n,
"focusin-focusout-events": n,
"css-matches-pseudo": u,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": u,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": u,
"css-optional-pseudo": u,
"css-indeterminate-pseudo": u,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

28
app/assets/stylesheets/translations/android-2.3.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: Android Browser 2.3 (approximately 0.03% of all users)
* Browser: Android Browser 2.3 (approximately 0.02% of all users)
*
*/
@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": n,
"fontface": a,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": n,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": n,
"css-matches-pseudo": u,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": u,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": u,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

26
app/assets/stylesheets/translations/android-3.scss

@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": n,
"fontface": a,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": n,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": u,
"css-matches-pseudo": u,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": u,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": u,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

28
app/assets/stylesheets/translations/android-4.1.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: Android Browser 4.1 (approximately 0.48% of all users)
* Browser: Android Browser 4.1 (approximately 0.33% of all users)
*
*/
@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": n,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": a,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

28
app/assets/stylesheets/translations/android-4.2-4.3.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: Android Browser 4.2 (approximately 1.05% of all users)
* Browser: Android Browser 4.2 (approximately 0.78% of all users)
*
*/
@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": n,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": a,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

26
app/assets/stylesheets/translations/android-4.4.3-4.4.4.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: Android Browser 4.4 (approximately 1.05% of all users)
* Browser: Android Browser 4.4 (approximately 0.93% of all users)
*
*/
@ -23,6 +23,7 @@ $browser_capabilities: (
"getelementsbyclassname": y,
"forms": a,
"html5semantic": y,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": y,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": y,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": u,
"webgl2": n,
"document-currentscript": y,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

26
app/assets/stylesheets/translations/android-4.4.scss

@ -1,6 +1,6 @@
/*
* ../translations
* Browser: Android Browser 4.4 (approximately 2.03% of all users)
* Browser: Android Browser 4.4 (approximately 1.69% of all users)
*
*/
@ -23,6 +23,7 @@ $browser_capabilities: (
"getelementsbyclassname": y,
"forms": a,
"html5semantic": y,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": y,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": y,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": a,
"webgl2": n,
"document-currentscript": y,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

26
app/assets/stylesheets/translations/android-4.scss

@ -22,7 +22,8 @@ $browser_capabilities: (
"queryselector": y,
"getelementsbyclassname": y,
"forms": n,
"html5semantic": y,
"html5semantic": a,
"css-line-clamp": yx,
"offline-apps": y,
"webworkers": n,
"fontface": y,
@ -329,8 +330,29 @@ $browser_capabilities: (
"css-motion-paths": n,
"css-scroll-behavior": n,
"subresource-integrity": n,
"css-in-out-of-range": a,
"push-api": n,
"background-position-x-y": y
"background-position-x-y": y,
"css-revert-value": n,
"css-widows-orphans": n,
"web-bluetooth": n,
"scrollintoview": a,
"css-nth-child-of": n,
"focusin-focusout-events": y,
"css-matches-pseudo": ax,
"rel-noopener": n,
"css-text-justify": n,
"css-scrollbar": yx,
"link-rel-preload": n,
"css-case-insensitive": n,
"css-default-pseudo": a,
"css-optional-pseudo": y,
"css-indeterminate-pseudo": a,
"webgl2": n,
"document-currentscript": n,
"css-descendant-gtgt": n,
"css-has": n,
"css-not-sel-list": n
);
@import "bumbleberry-settings";

28