about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/accessibility.scss
blob: 35e91da805e7db862b6b46888b2b67123a28e5fa (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
$emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash' !default;

%emoji-outline {
  filter: drop-shadow(1px 1px 0 $primary-text-color) drop-shadow(-1px 1px 0 $primary-text-color) drop-shadow(1px -1px 0 $primary-text-color) drop-shadow(-1px -1px 0 $primary-text-color);
}

.emojione {
  @each $emoji in $emojis-requiring-outlines {
    &[title=':#{$emoji}:'] {
      @extend %emoji-outline;
    }
  }
}

.hicolor-privacy-icons {
  .status__visibility-icon.fa-globe,
  .composer--options--dropdown--content--item .fa-globe {
    color: #1976D2;
  }

  .status__visibility-icon.fa-unlock,
  .composer--options--dropdown--content--item .fa-unlock {
    color: #388E3C;
  }

  .status__visibility-icon.fa-lock,
  .composer--options--dropdown--content--item .fa-lock {
    color: #FFA000;
  }

  .status__visibility-icon.fa-envelope,
  .composer--options--dropdown--content--item .fa-envelope {
    color: #D32F2F;
  }
}